do not use defer in sync mode

latviancoder · latviancoder · commit daf25bfc511e · 2019-01-11T09:48:12.000+01:00
diff --git a/src/components/concurrent/Concurrent2.js b/src/components/concurrent/Concurrent2.js
@@ -3,7 +3,7 @@ import { unstable_scheduleCallback } from 'scheduler';
 
 const LargeList = ({ remainder }) => {
   return <ul>
-    {[...Array(2000).keys()].map((n) => {
+    {[...Array(2000).keys()].map(n => {
       return (remainder === n % 2) && <li key={n}>{n}</li>;
     })}
   </ul>;
@@ -13,6 +13,8 @@ function Concurrent2() {
   const [query, setQuery] = useState('');
   const [remainder, setRemainder] = useState(0);
 
+  const mode = window.localStorage.getItem('mode');
+
   return <div>
     <input
       type="text"
@@ -21,9 +23,14 @@ function Concurrent2() {
         const value = e.target.value;
         const remainder = value.length % 2;
         setQuery(value);
-        unstable_scheduleCallback(() => {
+
+        if (mode === 'concurrent') {
+          unstable_scheduleCallback(() => {
+            setRemainder(remainder);
+          });
+        } else {
           setRemainder(remainder);
-        })
+        }
       }}
     />{' '}{query.length}
     <LargeList remainder={remainder}/>
