Security issues.

Author: noud

src/App.js

@@ -25,9 +25,9 @@ const AppStyled = styled.div`
   }
 `;
 
-const Home = () => (
-  <div />
-);
+// const Home = () => (
+//   <div />
+// );
 
 const App = () => (
   <AppStyled>

src/components/MouseFollow.js

@@ -1,7 +1,7 @@
 // @flow
-import React, { PureComponent, Fragment } from 'react';
+import React, { PureComponent } from 'react';
 import styled from 'styled-components';
-import { Tween, Timeline, SplitWords, SplitLetters, Controls } from 'react-gsap';
+import { Tween } from 'react-gsap';
 
 const MouseFollowStyled = styled.div`
 
@@ -62,7 +62,7 @@ class MouseFollowComponent extends PureComponent {
   }
 
   render() {
-    const { x, y, completed } = this.state;
+    const { x, y } = this.state;
 
     const colors = ['red', 'yellow', 'green'];
 

src/components/Svg.js

@@ -1,15 +1,15 @@
 // @flow
-import React, { Fragment } from 'react';
+import React from 'react';
 import styled from 'styled-components';
-import { Tween, Timeline, SplitWords, SplitLetters, Controls } from 'react-gsap';
+import { Tween, Timeline, Controls } from 'react-gsap';
 
 const SvgStyled = styled.div`
 
 `;
 
 const SvgComponent = () => (
   <SvgStyled>
-    Play with these example on <a href="https://stackblitz.com/edit/react-23bsde" target="_blank">StackBlitz.io</a>
+    Play with these example on <a href="https://stackblitz.com/edit/react-23bsde" target="_blank" rel="noopener noreferrer">StackBlitz.io</a>
 
     <div className="section">SvgDraw PlugIn</div>
 

src/components/Timeline.js

@@ -9,7 +9,7 @@ const TimelineStyled = styled.div`
 
 const TimelineComponent = () => (
   <TimelineStyled>
-    Play with these example on <a href="https://stackblitz.com/edit/react-ambemn" target="_blank">StackBlitz.io</a>
+    Play with these example on <a href="https://stackblitz.com/edit/react-ambemn" target="_blank" rel="noopener noreferrer">StackBlitz.io</a>
 
     <div className="section">Nested Timeline</div>
 

src/components/Transition.js

@@ -1,7 +1,7 @@
 // @flow
-import React, { Fragment } from 'react';
+import React from 'react';
 import styled from 'styled-components';
-import { Tween, Timeline, SplitWords, SplitLetters, Controls } from 'react-gsap';
+import { Tween, Timeline } from 'react-gsap';
 import { Transition, TransitionGroup } from 'react-transition-group';
 import uuid from 'uuid';
 
@@ -73,7 +73,7 @@ class TransitionComponent extends React.Component {
 
     return (
       <TransitionStyled>
-        Play with these example on <a href="https://stackblitz.com/edit/react-v61on3" target="_blank">StackBlitz.io</a>
+        Play with these example on <a href="https://stackblitz.com/edit/react-v61on3" target="_blank" rel="noopener noreferrer">StackBlitz.io</a>
 
         <div className="section">Mount/Unmount Animation - built with React Transition Group</div>
 

src/components/Tween.js

@@ -1,7 +1,7 @@
 // @flow
-import React, { Fragment } from 'react';
+import React from 'react';
 import styled from 'styled-components';
-import { Tween, Timeline, SplitWords, SplitLetters, Controls } from 'react-gsap';
+import { Tween, SplitWords, SplitLetters, Controls } from 'react-gsap';
 
 const Square = styled.div`
   background-color: red;
@@ -16,15 +16,15 @@ const TweenStyled = styled.div`
 
 const TweenComponent = () => (
   <TweenStyled>
-    Play with these examples on <a href="https://stackblitz.com/edit/react-gmmwqj" target="_blank">StackBlitz.io</a>
+    Play with these examples on <a href="https://stackblitz.com/edit/react-gmmwqj" target="_blank" rel="noopener noreferrer">StackBlitz.io</a>
 
     <div className="section">SplitWords component</div>
 
     <Controls>
       <Tween
         from={{ x: '300px', rotation: -360 }}
       >
-        <SplitWords><div style={{ display: 'inline-block', fontSize: '40px' }}>This is a Test</div></SplitWords>
+        <SplitWords><div style={{ display: 'inline-block', fontSize: '40px' }}>This is a Test!</div></SplitWords>
       </Tween>
     </Controls>