react Architecture Docs
Home / Function/ UnsupportedVersionDialog() — react Function Reference

UnsupportedVersionDialog() — react Function Reference

Architecture documentation for the UnsupportedVersionDialog() function in UnsupportedVersionDialog.js from the react codebase.

Function javascript BabelCompiler Validation

Entity Profile

Dependency Diagram

graph TD
  386f3a69_c5bf_4d9d_7b5c_377f0a87ac64["UnsupportedVersionDialog()"]
  2b861b3e_4cb9_174c_13d4_aec0fc37d1b1["UnsupportedVersionDialog.js"]
  386f3a69_c5bf_4d9d_7b5c_377f0a87ac64 -->|defined in| 2b861b3e_4cb9_174c_13d4_aec0fc37d1b1
  style 386f3a69_c5bf_4d9d_7b5c_377f0a87ac64 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/react-devtools-shared/src/devtools/views/UnsupportedVersionDialog.js lines 20–52

export default function UnsupportedVersionDialog(_: {}): null {
  const {dispatch} = useContext(ModalDialogContext);
  const store = useContext(StoreContext);
  const [state, setState] = useState<DAILOG_STATE>('dialog-not-shown');

  useEffect(() => {
    if (state === 'dialog-not-shown') {
      const showDialog = () => {
        setState('show-dialog');
        dispatch({
          canBeDismissed: true,
          id: 'UnsupportedVersionDialog',
          type: 'SHOW',
          content: <DialogContent />,
        });
      };

      if (store.unsupportedRendererVersionDetected) {
        showDialog();
      } else {
        store.addListener('unsupportedRendererVersionDetected', showDialog);
        return () => {
          store.removeListener(
            'unsupportedRendererVersionDetected',
            showDialog,
          );
        };
      }
    }
  }, [state, store]);

  return null;
}

Domain

Subdomains

Defined In

Source

Frequently Asked Questions

What does UnsupportedVersionDialog() do?
UnsupportedVersionDialog() is a function in the react codebase, defined in packages/react-devtools-shared/src/devtools/views/UnsupportedVersionDialog.js.
Where is UnsupportedVersionDialog() defined?
UnsupportedVersionDialog() is defined in packages/react-devtools-shared/src/devtools/views/UnsupportedVersionDialog.js at line 20.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free