diff --git a/.DS_Store b/.DS_Store
index 5008ddf..175ed52 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/package.json b/package.json
index 41083ed..3cabf0d 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
     "react": "^16.4.1",
     "react-dom": "^16.4.1",
     "react-driftjs": "^1.0.8",
+    "react-helmet": "^5.2.0",
     "react-mailchimp-subscribe": "^2.0.2",
     "react-router": "^4.3.1",
     "react-router-dom": "^4.3.1",
diff --git a/public/index.html b/public/index.html
index 587de92..5300c5e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4,6 +4,8 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <meta name="theme-color" content="#000000">
+    <script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/7fc6d004f3a7f4d75060a3f54/855a85310ace66471033811c9.js");</script>
+    <script type="text/javascript" src="//downloads.mailchimp.com/js/signup-forms/popup/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script><script type="text/javascript">require(["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"mc.us18.list-manage.com","uuid":"7fc6d004f3a7f4d75060a3f54","lid":"b603d7dbd4"}) })</script>
     <!--
       manifest.json provides metadata used when your web app is added to the
       homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
diff --git a/src/App.css b/src/App.css
index 93e061e..a7171e7 100644
--- a/src/App.css
+++ b/src/App.css
@@ -11,6 +11,9 @@
 
 }
 
+.navbar {
+  background-color: #F3EFE9;
+}
 
 
 
diff --git a/src/App.js b/src/App.js
index edcfbe5..124dc8e 100644
--- a/src/App.js
+++ b/src/App.js
@@ -23,6 +23,8 @@ class App extends Component {
           {/* BELOW THE FOLD */}
           {/* <WhatIs/> */}
           <HeadNavbar />
+          <br />
+          <br />
           <Switch>
             <Route path="/" component={Homepage} exact />
             <Route path="/team" component={Team} />
diff --git a/src/components/Decks.js b/src/components/Decks.js
index 66af677..80b896a 100644
--- a/src/components/Decks.js
+++ b/src/components/Decks.js
@@ -44,13 +44,14 @@ const InventionProcessDeck = props => {
           style={{ textDecoration: "none" }}
           class="card"
         >
-          <CardImg
-            top
-            width="414px"
-            height="414px"
-            src="https://i.pinimg.com/736x/72/47/b6/7247b66abf6ef7ae84eb6fd7b9bf2273--d-prints-d-models.jpg"
-            alt="Card image cap"
-          />
+          <CardText style={{ width: "100%", border: "5px solid pink" }}>
+              <iframe
+                src="https://www.youtube.com/embed/oDdOqLblmVQ"
+                frameborder="0"
+                allow="autoplay; encrypted-media"
+                allowfullscreen
+              />
+            </CardText>
           <CardBody>
             <CardTitle>Rapid Prototyping</CardTitle>
             <CardText>
@@ -59,14 +60,7 @@ const InventionProcessDeck = props => {
               three-dimensional computer aided design (CAD) data.
               {/* Link to page with video explaining what it is and how it works */}
             </CardText>
-            <CardText width="100%">
-              <iframe
-                src="https://www.youtube.com/embed/oDdOqLblmVQ"
-                frameborder="0"
-                allow="autoplay; encrypted-media"
-                allowfullscreen
-              />
-            </CardText>
+
           </CardBody>
         </a>
       </Card>
@@ -97,4 +91,5 @@ const InventionProcessDeck = props => {
   );
 };
 
+
 export default InventionProcessDeck;
diff --git a/src/components/Form.js b/src/components/Form.js
index 2ef14a0..a9ad4d6 100644
--- a/src/components/Form.js
+++ b/src/components/Form.js
@@ -24,6 +24,14 @@ export default class EmailForm extends Component {
               placeholder="Email"
             />
           </FormGroup>
+          <FormGroup>
+            <Input
+              type="phone"
+              name="phone"
+              id="examplePhone"
+              placeholder="Phone"
+            />
+          </FormGroup>
 
           <FormGroup>
             <Input
diff --git a/src/components/Jumbotron.js b/src/components/Jumbotron.js
index f44b5f2..8e6675f 100644
--- a/src/components/Jumbotron.js
+++ b/src/components/Jumbotron.js
@@ -8,8 +8,9 @@ const MainJumbotron = props => {
       <Jumbotron className="JumbotronStyle">
         <h1 className="display-3">Invention Pad</h1>
         <p className="lead">
-          We take you on a journey to create your physical product idea into a
-          reality and commercialise it, all with you keeping your IP.
+          We partner with you to create your physical product idea into a
+          reality and commercialise it, all with you keeping your Intellectual Property.
+          We have experts in product design, prototyping and manufacturing.
         </p>
         <hr className="my-2" />
         <p>
diff --git a/src/components/Navbar.js b/src/components/Navbar.js
index aafd394..ef9159c 100644
--- a/src/components/Navbar.js
+++ b/src/components/Navbar.js
@@ -27,18 +27,21 @@ export default class HeadNavbar extends Component {
 
     this.toggle = this.toggle.bind(this);
     this.state = {
-      isOpen: false
+      isOpen: false,
+
     };
   }
   toggle() {
     this.setState({
-      isOpen: !this.state.isOpen
+      isOpen: !this.state.isOpen,
+
+
     });
   }
   render() {
     return (
       <div id="top">
-        <Navbar className="navbar clearfix" light expand="md">
+        <Navbar className="navbar" light expand="md" fixed={`top`}>
           <NavbarBrand href="/">
             <img src={logo} className="App-logo" alt="logo" />
           </NavbarBrand>
@@ -46,6 +49,9 @@ export default class HeadNavbar extends Component {
 
           <Collapse isOpen={this.state.isOpen} navbar>
               <Nav className="ml-auto" navbar>
+                <NavLink>
+                  <p> <a href="mailto:contact@innovationdrive.co?Subject=Hello%20again" target="_top">contact@innovationdrive.co</a></p>
+                </NavLink>
                 <NavLink>
                   <Link to="/team" replace >Team</Link>
                 </NavLink>
@@ -56,9 +62,9 @@ export default class HeadNavbar extends Component {
                 <NavLink href="https://app.innovationdrive.co">
                   Sign In
                 </NavLink>
-                <button className="btn btn-danger float-right">
+                {/* <button className="btn btn-danger float-right">
                   Download Invention Workbook
-                </button>
+                </button> */}
 
                 {/* <NavItem> */}
                 {/* <NavLink href="https://github.com/reactstrap/reactstrap">GitHub</NavLink>
diff --git a/src/components/PopUpSignUp.js b/src/components/PopUpSignUp.js
index 2107e3e..f8ca5e3 100644
--- a/src/components/PopUpSignUp.js
+++ b/src/components/PopUpSignUp.js
@@ -21,7 +21,7 @@ class ModalExample extends React.Component {
   render() {
     return (
       <div>
-        <Button color="primary" onClick={this.toggle}>{this.props.buttonLabel}Make idea a reality!</Button>
+        <Button color="warning" onClick={this.toggle}>{this.props.buttonLabel}Make idea a reality!</Button>
         <Modal isOpen={this.state.modal} toggle={this.toggle} className={this.props.className}>
           {/* <ModalHeader toggle={this.toggle}>Free Video Consultation</ModalHeader> */}
           <ModalBody>
diff --git a/src/components/clientStories.js b/src/components/clientStories.js
index b3e6656..af80335 100644
--- a/src/components/clientStories.js
+++ b/src/components/clientStories.js
@@ -100,27 +100,35 @@
 import React from 'react';
 import { UncontrolledCarousel } from 'reactstrap';
 
-const items = [
-  {
-    src: 'https://cdn.instructables.com/F8N/0W0Z/J1WW8DEP/F8N0W0ZJ1WW8DEP.LARGE.jpg',
-    altText: 'Slide 1',
-    // caption: 'Slide 1',
-    // header: 'Slide 1 Header'
-  },
-  // {
-  //   src: 'data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22800%22%20height%3D%22400%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20800%20400%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_15ba800aa20%20text%20%7B%20fill%3A%23444%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A40pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_15ba800aa20%22%3E%3Crect%20width%3D%22800%22%20height%3D%22400%22%20fill%3D%22%23666%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22247.3203125%22%20y%3D%22218.3%22%3ESecond%20slide%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E',
-  //   altText: 'Slide 2',
-  //   caption: 'Slide 2',
-  //   header: 'Slide 2 Header'
-  // },
-  // {
-  //   src: 'data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22800%22%20height%3D%22400%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20800%20400%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_15ba800aa21%20text%20%7B%20fill%3A%23333%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A40pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_15ba800aa21%22%3E%3Crect%20width%3D%22800%22%20height%3D%22400%22%20fill%3D%22%23555%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22277%22%20y%3D%22218.3%22%3EThird%20slide%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E',
-  //   altText: 'Slide 3',
-  //   caption: 'Slide 3',
-  //   header: 'Slide 3 Header'
-  // }
-];
+// const items = [
+//   {
+//     src: 'https://cdn.instructables.com/F8N/0W0Z/J1WW8DEP/F8N0W0ZJ1WW8DEP.LARGE.jpg',
+//     altText: 'Slide 1',
+//     // caption: 'Slide 1',
+//     // header: 'Slide 1 Header'
+//   },
+//   // {
+//   //   src: 'data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22800%22%20height%3D%22400%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20800%20400%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_15ba800aa20%20text%20%7B%20fill%3A%23444%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A40pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_15ba800aa20%22%3E%3Crect%20width%3D%22800%22%20height%3D%22400%22%20fill%3D%22%23666%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22247.3203125%22%20y%3D%22218.3%22%3ESecond%20slide%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E',
+//   //   altText: 'Slide 2',
+//   //   caption: 'Slide 2',
+//   //   header: 'Slide 2 Header'
+//   // },
+//   // {
+//   //   src: 'data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22800%22%20height%3D%22400%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20800%20400%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_15ba800aa21%20text%20%7B%20fill%3A%23333%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A40pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_15ba800aa21%22%3E%3Crect%20width%3D%22800%22%20height%3D%22400%22%20fill%3D%22%23555%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%22277%22%20y%3D%22218.3%22%3EThird%20slide%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E',
+//   //   altText: 'Slide 3',
+//   //   caption: 'Slide 3',
+//   //   header: 'Slide 3 Header'
+//   // }
+// ];
 
-const Example = () => <UncontrolledCarousel items={items} />;
+// const Example = () => <UncontrolledCarousel items={items} />;
 
-export default Example;
\ No newline at end of file
+const Pitch = () => {
+  return(
+  <div>
+   <iframe src="https://docs.google.com/presentation/d/e/2PACX-1vQwUAAbLKf4Rd_6wE5K_J4371469Htb8QCC_arBf9Il_SQshKvwAof1DEL8uNj8lwY-qlyoXiXw0tSh/embed?start=false&loop=false&delayms=3000" frameborder="0" width="960" height="569" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
+
+  </div>
+  )
+}
+export default Pitch;
\ No newline at end of file
diff --git a/src/components/mailchimpForm.js b/src/components/mailchimpForm.js
index 3d323ec..07a1b17 100644
--- a/src/components/mailchimpForm.js
+++ b/src/components/mailchimpForm.js
@@ -1,25 +1,108 @@
+import React, { Component } from "react";
 import MailchimpSubscribe from "react-mailchimp-subscribe"
 
-const url = "//xxxx.us13.list-manage.com/subscribe/post?u=zefzefzef&id=fnfgn";
-// const url = "mc.us18.list-manage.com";
+// const url = "//xxxx.us13.list-manage.com/subscribe/post?u=zefzefzef&id=fnfgn";
+// // const url = "mc.us18.list-manage.com";
 
 
 
-// simplest form (only email)
-const SimpleForm = () => <MailchimpSubscribe url={url}/>
+// // simplest form (only email)
+// const SimpleForm = () => <MailchimpSubscribe url={url}/>
 
-// use the render prop and your custom form
-const CustomForm = () => (
-  <MailchimpSubscribe
-    url={url}
-    render={({ subscribe, status, message }) => (
+// // use the render prop and your custom form
+// const CustomForm = () => (
+//   <MailchimpSubscribe
+//     url={url}
+//     render={({ subscribe, status, message }) => (
+//       <div>
+//         <MyForm onSubmitted={formData => subscribe(formData)} />
+//         {status === "sending" && <div style={{ color: "blue" }}>sending...</div>}
+//         {status === "error" && <div style={{ color: "red" }} dangerouslySetInnerHTML={{__html: message}}/>}
+//         {status === "success" && <div style={{ color: "green" }}>Subscribed !</div>}
+//       </div>
+//     )}
+//   />
+// )
+// {/* <script type="text/javascript" src="//downloads.mailchimp.com/js/signup-forms/popup/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script><script type="text/javascript">require(["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"mc.us18.list-manage.com","uuid":"7fc6d004f3a7f4d75060a3f54","lid":"b603d7dbd4"}) })</script> */}
+
+
+
+// a basic form
+const CustomForm = ({ status, message, onValidated }) => {
+  let email, name;
+  const submit = () =>
+    email &&
+    name &&
+    email.value.indexOf("@") > -1 &&
+    onValidated({
+      EMAIL: email.value,
+      NAME: name.value
+    });
+
+  return (
+    <div
+      style={{
+        background: "#efefef",
+        borderRadius: 2,
+        padding: 10,
+        display: "inline-block"
+      }}
+    >
+      {status === "sending" && <div style={{ color: "blue" }}>sending...</div>}
+      {status === "error" && (
+        <div
+          style={{ color: "red" }}
+          dangerouslySetInnerHTML={{ __html: message }}
+        />
+      )}
+      {status === "success" && (
+        <div
+          style={{ color: "green" }}
+          dangerouslySetInnerHTML={{ __html: message }}
+        />
+      )}
+      <input
+        style={{ fontSize: "2em", padding: 5 }}
+        ref={node => (name = node)}
+        type="text"
+        placeholder="Your name"
+      />
+      <br />
+      <input
+        style={{ fontSize: "2em", padding: 5 }}
+        ref={node => (email = node)}
+        type="email"
+        placeholder="Your email"
+      />
+      <br />
+      <button style={{ fontSize: "2em", padding: 5 }} onClick={submit}>
+        Submit
+      </button>
+    </div>
+  );
+};
+
+export default class MailChimpForm extends Component {
+  render() {
+    const url =
+      "https://mailchi.mp/597b1269d8f7/innovationdrivenewsletter";
+    return (
       <div>
-        <MyForm onSubmitted={formData => subscribe(formData)} />
-        {status === "sending" && <div style={{ color: "blue" }}>sending...</div>}
-        {status === "error" && <div style={{ color: "red" }} dangerouslySetInnerHTML={{__html: message}}/>}
-        {status === "success" && <div style={{ color: "green" }}>Subscribed !</div>}
+        <h1>react-mailchimp-subscribe Demo</h1>
+        <h2>Default Form</h2>
+        <MailchimpSubscribe url={url} />
+        {/* <h2>Custom Form</h2>
+        <MailchimpSubscribe
+          url={url}
+          render={({ subscribe, status, message }) => (
+            <CustomForm
+              status={status}
+              message={message}
+              onValidated={formData => subscribe(formData)}
+            />
+          )}
+        /> */}
       </div>
-    )}
-  />
-)
-{/* <script type="text/javascript" src="//downloads.mailchimp.com/js/signup-forms/popup/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script><script type="text/javascript">require(["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"mc.us18.list-manage.com","uuid":"7fc6d004f3a7f4d75060a3f54","lid":"b603d7dbd4"}) })</script> */}
+    );
+  }
+}
\ No newline at end of file
diff --git a/src/pages/Homepage/index.js b/src/pages/Homepage/index.js
index 67344c3..4cfe28a 100644
--- a/src/pages/Homepage/index.js
+++ b/src/pages/Homepage/index.js
@@ -8,13 +8,15 @@ import HeadNavbar from "../../components/Navbar.js";
 import ModalExample from "../../components/PopUpSignUp.js";
 import MainJumbotron from "../../components/Jumbotron";
 import InventionProcessDeck from "../../components/Decks";
-import ClientStories from "../../components/clientStories";
+import Pitch from "../../components/clientStories";
 import kickstarterLogo from "../../images/kickstarter-logo.png";
 import haizolLogo from "../../images/haizol-logo.png";
 import sayee from "../../images/sayee.jpeg";
 import omar from "../../images/omar.jpeg";
 import HelloSign from "../../components/HelloSign";
 import StateButton from "../../components/StateButton";
+import MailChimpForm from "../../components/mailchimpForm"
+
 
 
 // /Users/omar/Desktop/innovationDrive/innovation-drive/src/components/Form.js
@@ -25,12 +27,14 @@ export default class Homepage extends Component {
       <div>
         <div className="backgroundContainer">
           {/* <HeadNavbar /> */}
+          {/* NDA  */}
+          {/* <iframe src="https://docs.google.com/document/d/e/2PACX-1vQAYdjs9PouC2hc4rLCHOoa9cYAuuXEnNAq5H0tQ1X94K4rtCQYKqmG62aVGdWZIHemwlEAzJ4beqDZ/pub?embedded=true" width="300px" height="400px" ></iframe> */}
           <Container>
             <MainJumbotron />
           </Container>
-
+          {/* <MailChimpForm /> */}
           <Container>
-            <h1>Customer Journey</h1>
+            {/* <h1>Customer Journey</h1> */}
             {/* ADD BOOTSRAP CAROUSEL HERE */}
           </Container>
           <Container>
@@ -40,11 +44,11 @@ export default class Homepage extends Component {
           <Container />
         </div>
         <Container>
-          <ClientStories />
+          <Pitch />
         </Container>
         <br />
         <br />
-        <InventionProcessDeck />
+        {/* <InventionProcessDeck /> */}
         {/* <Container className="YellowStyling">
           <Row>
             <br />
@@ -59,6 +63,10 @@ export default class Homepage extends Component {
         </Container> */}
         <br />
         <br />
+        <ModalExample />
+        <br />
+        <br />
+        <br />
         <Container className="Logos">
           <Row>
             {/* ADD LOGOS HERE */}
diff --git a/yarn.lock b/yarn.lock
index 09754a8..0f2e6fa 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2721,6 +2721,10 @@ execa@^0.8.0:
     signal-exit "^3.0.0"
     strip-eof "^1.0.0"
 
+exenv@^1.2.1:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/exenv/-/exenv-1.2.2.tgz#2ae78e85d9894158670b03d47bec1f03bd91bb9d"
+
 expand-brackets@^0.1.4:
   version "0.1.5"
   resolved "https://registry.yarnpkg.com/expand-brackets/-/expand-brackets-0.1.5.tgz#df07284e342a807cd733ac5af72411e581d1177b"
@@ -5790,7 +5794,7 @@ promise@^7.1.1:
   dependencies:
     asap "~2.0.3"
 
-prop-types@^15.5.10, prop-types@^15.5.8, prop-types@^15.6.0, prop-types@^15.6.1, prop-types@^15.6.2:
+prop-types@^15.5.10, prop-types@^15.5.4, prop-types@^15.5.8, prop-types@^15.6.0, prop-types@^15.6.1, prop-types@^15.6.2:
   version "15.6.2"
   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.6.2.tgz#05d5ca77b4453e985d60fc7ff8c859094a497102"
   dependencies:
@@ -5962,6 +5966,15 @@ react-error-overlay@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/react-error-overlay/-/react-error-overlay-4.0.0.tgz#d198408a85b4070937a98667f500c832f86bd5d4"
 
+react-helmet@^5.2.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/react-helmet/-/react-helmet-5.2.0.tgz#a81811df21313a6d55c5f058c4aeba5d6f3d97a7"
+  dependencies:
+    deep-equal "^1.0.1"
+    object-assign "^4.1.1"
+    prop-types "^15.5.4"
+    react-side-effect "^1.1.0"
+
 react-lifecycles-compat@^3.0.4:
   version "3.0.4"
   resolved "https://registry.yarnpkg.com/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz#4f1a273afdfc8f3488a8c516bfda78f872352362"
@@ -6049,6 +6062,13 @@ react-scripts@1.1.4:
   optionalDependencies:
     fsevents "^1.1.3"
 
+react-side-effect@^1.1.0:
+  version "1.1.5"
+  resolved "https://registry.yarnpkg.com/react-side-effect/-/react-side-effect-1.1.5.tgz#f26059e50ed9c626d91d661b9f3c8bb38cd0ff2d"
+  dependencies:
+    exenv "^1.2.1"
+    shallowequal "^1.0.1"
+
 react-transition-group@^2.3.1:
   version "2.4.0"
   resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-2.4.0.tgz#1d9391fabfd82e016f26fabd1eec329dbd922b5a"
@@ -6586,6 +6606,10 @@ sha.js@^2.4.0, sha.js@^2.4.8:
     inherits "^2.0.1"
     safe-buffer "^5.0.1"
 
+shallowequal@^1.0.1:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/shallowequal/-/shallowequal-1.1.0.tgz#188d521de95b9087404fd4dcb68b13df0ae4e7f8"
+
 shebang-command@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-1.2.0.tgz#44aac65b695b03398968c39f363fee5deafdf1ea"