add ThemeProvider

package.json

@@ -35,13 +35,13 @@
     "./styles": "./build/client/app.css"
   },
   "dependencies": {
-    "@diplodoc/components": "^3.6.0",
+    "@diplodoc/components": "^3.10.0-beta.1",
     "@diplodoc/latex-extension": "^1.0.2",
     "@diplodoc/mermaid-extension": "^1.2.1",
     "@diplodoc/openapi-extension": "^2.0.0",
     "@diplodoc/transform": "^4.10.3",
     "@gravity-ui/page-constructor": "^4.24.0",
-    "@gravity-ui/uikit": "6.0.0",
+    "@gravity-ui/uikit": "^6.0.0",
     "bem-cn-lite": "^4.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

src/components/App/App.tsx

@@ -7,6 +7,7 @@ import {
     PageConstructor,
     PageConstructorProvider,
 } from '@gravity-ui/page-constructor';
+import {ThemeProvider} from '@gravity-ui/uikit';
 import {
     DocLeadingPage,
     DocLeadingPageData,
@@ -70,12 +71,15 @@ function Page(props: DocInnerProps) {
     const Page = data.leading ? DocLeadingPage : DocPage;
 
     return (
-        <Layout>
-            <Layout.Content>
-                {/*@ts-ignore*/}
-                <Page {...data} {...pageProps} />
-            </Layout.Content>
-        </Layout>
+        <ThemeProvider theme={pageProps?.theme} direction={pageProps?.direction}>
+            <Layout>
+                <Layout.Content>
+                    {/*@ts-ignore*/}
+                    <Page {...data} {...pageProps} />
+                </Layout.Content>
+            </Layout>
+        </ThemeProvider>
+
     );
 }
 

webpack.config.js

@@ -36,6 +36,7 @@ function config({isServer, isDev, analyze = false}) {
             fallback: {
                 stream: false,
                 crypto: false,
+                url: require.resolve("url/"),
             },
             extensions: (isServer
                 ? ['.server.tsx', '.server.ts', '.server.js']