Fix deferred load setState warning

GriddleGriddle · Oct 19, 2017 · 227e35b · 227e35b
1 parent 5f1e8ed
commit 227e35b
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/stories/index.tsx b/stories/index.tsx
@@ -97,16 +97,27 @@ storiesOf('Griddle main', module)
   })
   .add('with local, delayed data', () => {
     class DeferredGriddle extends React.Component<GriddleProps<FakeData>, { data?: FakeData[] }> {
+      private timeout;
+
       constructor(props) {
         super(props);
         this.state = {};
+      }
+
+      componentDidMount() {
         this.resetData();
       }
 
+      componentWillUnmount() {
+        this.timeout && clearTimeout(this.timeout);
+      }
+
       resetData = () => {
         this.setState({ data: null });
 
-        setTimeout(() => {
+        this.timeout && clearTimeout(this.timeout);
+
+        this.timeout = setTimeout(() => {
           this.setState({ data: this.props.data });
         }, 2000);
       }