docs: fix ReactDOM import

Importing createRoot from "react-dom" is not supported.
VKCOM · Mar 4, 2023 · d602eb1 · d602eb1
1 parent 5572dad
commit d602eb1
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/README.md b/README.md
@@ -43,7 +43,7 @@ pnpm add @vkontakte/vkui @vkontakte/icons @vkontakte/vk-bridge
 
 ```jsx static
 import React from 'react';
-import ReactDOM from 'react-dom';
+import ReactDOM from 'react-dom/client';
 import {
   AdaptivityProvider,
   ConfigProvider,

diff --git a/packages/vkui/src/components/Tooltip/Tooltip.tsx b/packages/vkui/src/components/Tooltip/Tooltip.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import ReactDOM from 'react-dom';
+import ReactDOM from 'react-dom/client';
 import { classNames, hasReactNode } from '@vkontakte/vkjs';
 import { useExternRef } from '../../hooks/useExternRef';
 import { useGlobalEventListener } from '../../hooks/useGlobalEventListener';

diff --git a/styleguide/pages/adaptivity.md b/styleguide/pages/adaptivity.md
@@ -11,7 +11,7 @@
 
 ```jsx static
 import React from 'react';
-import ReactDOM from 'react-dom';
+import ReactDOM from 'react-dom/client';
 import { ConfigProvider, AdaptivityProvider, AppRoot } from '@vkontakte/vkui';
 import '@vkontakte/vkui/dist/vkui.css';
 

diff --git a/styleguide/pages/quick_start.md b/styleguide/pages/quick_start.md
@@ -43,7 +43,7 @@ pnpm add @vkontakte/vkui @vkontakte/icons @vkontakte/vk-bridge
 
 ```jsx static
 import React from 'react';
-import ReactDOM from 'react-dom';
+import ReactDOM from 'react-dom/client';
 import {
   AdaptivityProvider,
   ConfigProvider,

diff --git a/styleguide/pages/ssr.md b/styleguide/pages/ssr.md
@@ -3,7 +3,7 @@
 определения платформы пользователя (iOS или Android) на стороне сервера. Пример:
 
 ```jsx static
-import ReactDOM from 'react-dom';
+import ReactDOM from 'react-dom/client';
 import { Button, SSRWrapper } from '@vkontakte/vkui';
 import express from 'express';
 import useragent from 'express-useragent';