[docs] Minor Hook Demo fixes (#14367)

* Fix CircularStatic hook demo * Change useEffect to componentDidMount/willUnmount equivalent
mui · Feb 1, 2019 · cdfcad3 · cdfcad3
1 parent 5d82585
commit cdfcad3
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
diff --git a/docs/src/pages/demos/progress/CircularDeterminate.hooks.js b/docs/src/pages/demos/progress/CircularDeterminate.hooks.js
@@ -21,7 +21,7 @@ function CircularDeterminate() {
     return () => {
       clearInterval(timer);
     };
-  });
+  }, []);
 
   return (
     <div>

diff --git a/docs/src/pages/demos/progress/CircularStatic.hooks.js b/docs/src/pages/demos/progress/CircularStatic.hooks.js
@@ -16,7 +16,7 @@ function CircularStatic() {
     setCompleted(prevCompleted => (prevCompleted >= 100 ? 0 : prevCompleted + 10));
   }
 
-  React.useState(() => {
+  React.useEffect(() => {
     const timer = setInterval(progress, 1000);
     return () => {
       clearInterval(timer);

diff --git a/docs/src/pages/demos/progress/LinearBuffer.hooks.js b/docs/src/pages/demos/progress/LinearBuffer.hooks.js
@@ -30,7 +30,7 @@ function LinearBuffer() {
     return () => {
       clearInterval(timer);
     };
-  });
+  }, []);
 
   return (
     <div className={classes.root}>

diff --git a/docs/src/pages/demos/progress/LinearDeterminate.hooks.js b/docs/src/pages/demos/progress/LinearDeterminate.hooks.js
@@ -26,7 +26,7 @@ function LinearDeterminate() {
     return () => {
       clearInterval(timer);
     };
-  });
+  }, []);
 
   return (
     <div className={classes.root}>
-Original file line number
+Diff line change
@@ Expand Up / @@ -21,7 +21,7 @@ function CircularDeterminate() { @@
         return () => {
           clearInterval(timer);
         };
-      });
+      }, []);
       return (
         <div>
@@ Expand Down @@