Fixed some objects that don't like the new props.

public/components/page/route/Routes.jsx

@@ -29,17 +29,16 @@ import { HashRouter, Route, Switch } from 'react-router-dom';
 import Loadable from 'react-loadable';
 
 const PageLoading = (props) => {
-  if(props.error) return <span>Loading Error</span>;
-  if(props.pastDelay) return <span>Loading...</span>;
+  let { error, pastDelay } = props;
+  if(error) return <span>Loading Error</span>;
+  if(pastDelay) return <span>Loading...</span>;
   return null;
 };
 
 export const RouteWrapper = (props) => {
-  let { page } = props.page;
-
   let render = () => {
     let CustomLoadable = Loadable({
-      loader: page,
+      loader: props.page,
       loading: PageLoading
     });
     return <CustomLoadable />
@@ -49,7 +48,7 @@ export const RouteWrapper = (props) => {
 };
 
 export default withRouter((props) => {
-  const { match, location, history, children } = this.props;
+  const { match, location, history, children } = props;
 
   return (
     <Route>

public/components/section/image/ImageSection.jsx

@@ -28,36 +28,27 @@ import Section from './../Section';
 
 import Image from '@objects/image/Image';
 
-export default function(props) {
-  let image;
+export default props => {
+  let sectionProps = {...props};
+  let imageProps = {...props};
+
+  let { image, background, children, className } = props;
+
+  ["children", "background", "loadable"].forEach(e => delete sectionProps[e]);
+  ["image", "full", "children", "background"].forEach(e => delete imageProps[e]);
+
   let clazz = "c-image-section";
+  image = image || <Image {...imageProps} className="c-image-section__image" />;
 
-  if(props.image) {
-    image = props.image;
-  } else {
-    image = <Image
-      {...props}
-      children={null}
-      className="c-image-section__image"
-    />;
-  }
-
-  if(props.className) clazz += " " + props.className;
-
-  if(props.background) {
-    //Background Image Effect
-    clazz += " is-background";
-  }
+  if(className) clazz += ` ${className}`;
+  if(background) clazz += " is-background";
 
   return (
-    <Section
-      full={props.full}
-      className={ clazz }
-    >
+    <Section {...sectionProps} className={ clazz }>
       { image }
       <div className="c-image-section__content">
         <div className="c-image-section__content-inner">
-          { props.children }
+          { children }
         </div>
       </div>
     </Section>