\n+

\n \n \n {roots.map(rootID => {\n- return ;\n+ return ;\n })}\n <\/div>\n <\/ViewBox.Provider>\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/SuspenseTab\/SuspenseTab.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/SuspenseTab\/SuspenseTab.js\nindex b4ed7ec1f9..f7b63fa2c6 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/SuspenseTab\/SuspenseTab.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/SuspenseTab\/SuspenseTab.js\n@@ -34,13 +34,9 @@ import {\n SuspenseTreeStateContext,\n } from '.\/SuspenseTreeContext';\n import {StoreContext, OptionsContext} from '..\/context';\n-import {TreeDispatcherContext} from '..\/Components\/TreeContext';\n import Button from '..\/Button';\n import Toggle from '..\/Toggle';\n-import typeof {\n- SyntheticEvent,\n- SyntheticPointerEvent,\n-} from 'react-dom-bindings\/src\/events\/SyntheticEvent';\n+import typeof {SyntheticPointerEvent} from 'react-dom-bindings\/src\/events\/SyntheticEvent';\n import SettingsModal from 'react-devtools-shared\/src\/devtools\/views\/Settings\/SettingsModal';\n import SettingsModalContextToggle from 'react-devtools-shared\/src\/devtools\/views\/Settings\/SettingsModalContextToggle';\n import {SettingsModalContextController} from 'react-devtools-shared\/src\/devtools\/views\/Settings\/SettingsModalContext';\n@@ -71,20 +67,14 @@ function ToggleUniqueSuspenders() {\n const store = useContext(StoreContext);\n const suspenseTreeDispatch = useContext(SuspenseTreeDispatcherContext);\n \n- const {selectedRootID: rootID, uniqueSuspendersOnly} = useContext(\n- SuspenseTreeStateContext,\n- );\n+ const {uniqueSuspendersOnly} = useContext(SuspenseTreeStateContext);\n \n function handleToggleUniqueSuspenders() {\n const nextUniqueSuspendersOnly = !uniqueSuspendersOnly;\n- const nextTimeline =\n- rootID === null\n- ? []\n- : \/\/ TODO: Handle different timeline modes (e.g. random order)\n- store.getSuspendableDocumentOrderSuspense(\n- rootID,\n- nextUniqueSuspendersOnly,\n- );\n+ \/\/ TODO: Handle different timeline modes (e.g. random order)\n+ const nextTimeline = store.getSuspendableDocumentOrderSuspense(\n+ nextUniqueSuspendersOnly,\n+ );\n suspenseTreeDispatch({\n type: 'SET_SUSPENSE_TIMELINE',\n payload: [nextTimeline, null, nextUniqueSuspendersOnly],\n@@ -101,55 +91,6 @@ function ToggleUniqueSuspenders() {\n );\n }\n \n-function SelectRoot() {\n- const store = useContext(StoreContext);\n- const {roots, selectedRootID, uniqueSuspendersOnly} = useContext(\n- SuspenseTreeStateContext,\n- );\n- const treeDispatch = useContext(TreeDispatcherContext);\n- const suspenseTreeDispatch = useContext(SuspenseTreeDispatcherContext);\n-\n- function handleChange(event: SyntheticEvent) {\n- const newRootID = +event.currentTarget.value;\n- \/\/ TODO: scrollIntoView both suspense rects and host instance.\n- const nextTimeline = store.getSuspendableDocumentOrderSuspense(\n- newRootID,\n- uniqueSuspendersOnly,\n- );\n- suspenseTreeDispatch({\n- type: 'SET_SUSPENSE_TIMELINE',\n- payload: [nextTimeline, newRootID, uniqueSuspendersOnly],\n- });\n- if (nextTimeline.length > 0) {\n- const milestone = nextTimeline[nextTimeline.length - 1];\n- treeDispatch({type: 'SELECT_ELEMENT_BY_ID', payload: milestone});\n- }\n- }\n- return (\n- roots.length > 0 && (\n- \n-

dillon1000/react

Files changed