Hook useColorMode is called outside the <ColorModeProvider>

When accessing pages using Mermaid docusaurus crashes

example:

http://localhost:5000/docs/using-hoppr/tutorials/processing-101

error:

Uncaught runtime errors:

Uncaught runtime errors:
×
ERROR
Hook useColorMode is called outside the <ColorModeProvider>. Please see https://docusaurus.io/docs/api/themes/configuration#use-color-mode.
ReactContextError
    at useColorMode (webpack-internal:///./node_modules/@docusaurus/theme-mermaid/node_modules/@docusaurus/theme-common/lib/contexts/colorMode.js:26:1528)
    at useMermaidConfig (webpack-internal:///./node_modules/@docusaurus/theme-mermaid/lib/client/index.js:19:303)
    at useMermaidSvg (webpack-internal:///./node_modules/@docusaurus/theme-mermaid/lib/client/index.js:22:35)
    at MermaidDiagram (webpack-internal:///./node_modules/@docusaurus/theme-mermaid/lib/theme/Mermaid/index.js:15:126)
    at renderWithHooks (webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:16305:18)
    at mountIndeterminateComponent (webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:20069:13)
    at beginWork (webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:21582:16)
    at HTMLUnknownElement.callCallback (webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:4164:14)
    at Object.invokeGuardedCallbackDev (webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:4213:16)
    at invokeGuardedCallback (webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:4277:31)