Remove unstable scheduler/tracing API (#20037)

packages/react-devtools-shell/src/app/InteractionTracing/index.js

@@ -1,103 +0,0 @@
-/**
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- */
-
-import * as React from 'react';
-import {
-  Fragment,
-  useCallback,
-  useLayoutEffect,
-  useEffect,
-  useState,
-} from 'react';
-import {unstable_batchedUpdates as batchedUpdates} from 'react-dom';
-import {
-  unstable_trace as trace,
-  unstable_wrap as wrap,
-} from 'scheduler/tracing';
-
-function sleep(ms) {
-  const start = performance.now();
-  let now;
-  do {
-    now = performance.now();
-  } while (now - ms < start);
-}
-
-export default function InteractionTracing() {
-  const [count, setCount] = useState(0);
-  const [shouldCascade, setShouldCascade] = useState(false);
-
-  const handleUpdate = useCallback(() => {
-    trace('count', performance.now(), () => {
-      setTimeout(
-        wrap(() => {
-          setCount(count + 1);
-        }),
-        count * 100,
-      );
-    });
-  }, [count]);
-
-  const handleCascadingUpdate = useCallback(() => {
-    trace('cascade', performance.now(), () => {
-      setTimeout(
-        wrap(() => {
-          batchedUpdates(() => {
-            setCount(count + 1);
-            setShouldCascade(true);
-          });
-        }),
-        count * 100,
-      );
-    });
-  }, [count]);
-
-  const handleMultiple = useCallback(() => {
-    trace('first', performance.now(), () => {
-      trace('second', performance.now(), () => {
-        setTimeout(
-          wrap(() => {
-            setCount(count + 1);
-          }),
-          count * 100,
-        );
-      });
-    });
-  }, [count]);
-
-  useEffect(() => {
-    if (shouldCascade) {
-      setTimeout(
-        wrap(() => {
-          setShouldCascade(false);
-        }),
-        count * 100,
-      );
-    }
-  }, [count, shouldCascade]);
-
-  useLayoutEffect(() => {
-    sleep(150);
-  });
-
-  useEffect(() => {
-    sleep(300);
-  });
-
-  return (
-    <Fragment>
-      <h1>Interaction Tracing</h1>
-      <button onClick={handleUpdate}>Update ({count})</button>
-      <button onClick={handleCascadingUpdate}>
-        Cascading Update ({count}, {shouldCascade ? 'true' : 'false'})
-      </button>
-      <button onClick={handleMultiple}>Multiple</button>
-    </Fragment>
-  );
-}

packages/react-devtools-shell/src/app/index.js

@@ -14,7 +14,6 @@ import ElementTypes from './ElementTypes';
 import Hydration from './Hydration';
 import InlineWarnings from './InlineWarnings';
 import InspectableElements from './InspectableElements';
-import InteractionTracing from './InteractionTracing';
 import ReactNativeWeb from './ReactNativeWeb';
 import ToDoList from './ToDoList';
 import Toggle from './Toggle';
@@ -48,7 +47,6 @@ function mountHelper(App) {
 
 function mountTestApp() {
   mountHelper(ToDoList);
-  mountHelper(InteractionTracing);
   mountHelper(InspectableElements);
   mountHelper(Hydration);
   mountHelper(ElementTypes);