Hook useColorMode is called outside the <ColorModeProvider>.

Hey,

I’m following the documentation example here : https://redocusaurus.vercel.app/docs/getting-started/Installation

My package JSON contains the following dependencies :

    "@docusaurus/core": "2.0.0-beta.18",
    "@docusaurus/preset-classic": "2.0.0-beta.18",
    "docusaurus-lunr-search": "2.1.15",
    "redocusaurus": "1.0.2"

My presets look like this in my config file :

  presets: [
    [
      require.resolve('@docusaurus/preset-classic'),
      {
        docs: { ... },
        theme: {
          customCss: require.resolve('./src/css/custom.css'),
        },
      },
    ],
    [
      'redocusaurus',
      {
        specs: [
          {
            spec: 'myyamlfile.yaml',
            route: '/testpage/',
          },
        ],
        // Theme Options for modifying how redoc renders them
        theme: {
          // Change with your site colors
          primaryColor: '#1890ff',
        },
      },
    ],
  ],

When accessing /testpage, I see the following :