StyleGuideRoot.tsx

import React, { useEffect } from 'react';
import { Provider } from 'react-redux';
import { FontBootstrap } from '@deephaven/components';
import '@deephaven/components/scss/BaseStyleSheet.scss';
import { MonacoUtils } from '@deephaven/console';
import { store } from '@deephaven/redux';
import { DownloadServiceWorkerUtils } from '@deephaven/iris-grid';
import MonacoWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker';
import StyleGuideInit from './StyleGuideInit';

export function StyleGuideRoot(): JSX.Element {
  useEffect(function init() {
    DownloadServiceWorkerUtils.register(
      new URL(
        `${import.meta.env.BASE_URL ?? ''}download/serviceWorker.js`,
        window.location.href
      )
    );
    MonacoUtils.init({ getWorker: () => new MonacoWorker() });

    // disable annoying dnd-react warnings
    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
    // @ts-ignore
    window['__@hello-pangea/dnd-disable-dev-warnings'] = true;
  }, []);

  return (
    <FontBootstrap>
      <Provider store={store}>
        <StyleGuideInit />
      </Provider>
    </FontBootstrap>
  );
}

export default StyleGuideRoot;