控制台报错：Warning: You are importing createRoot from "react-dom" which is not supported. You should instead import it from "react-dom/client".

[MidnightCrowing]

如题
codesandbox：https://codesandbox.io/p/sandbox/969m5x

经测试，该问题与Toast有关，每显示一次Toast都会有新报错产生
怀疑与\src\components\toast\index.tsx有关：

const toast = (option: toastType) => {
  const jolPlayerToast = document.querySelector('#jolPlayerToast');
  if (!jolPlayerToast) {
    const container = document.createElement('div');
    container.id = 'jolPlayerToast';
    document.querySelector('#JoL-player-container')!.appendChild(container);
    const root = createRoot(container);
    root.render(<Toast {...option} />);
  }
};

但不知道该怎么修😅

[MidnightCrowing]

我克隆了项目，在npm run start时，这个问题不会产生。但将example/src/app.tsx中的：

import { JolPlayer } from '../../src/index';

改成：

import { JolPlayer } from '../../dist';

使用build的结果，就会出现这个问题。
也许问题并不在\src\components\toast\index.tsx里？会不会是react依赖的问题（比如把react打包进了build中？）？

[lgf196]

你这边应该是codesandbox的版本不是18+以上的，通过npm下载的插件是不会报哪个错误的，如果你这边想本地运行该项目，就不要在codesandbox上运行，直接clone下来再本地运行

[lgf196]

还有就是如果你这边用的react版本是18+的，那么推荐该插件最新版本，如果是18版本以下的，推荐该插件2.0版本

[MidnightCrowing]

你这边应该是codesandbox的版本不是18+以上的，通过npm下载的插件是不会报哪个错误的，如果你这边想本地运行该项目，就不要在codesandbox上运行，直接clone下来再本地运行

codesandbox上react版本是18+的，JoL-player版本是最新版v4.0.0。
我在本地通过npm下载的最新版JoL-player，运行时发现了这个报错，codesandbox上的代码是我本地的最小复现代码

[MidnightCrowing]

请问有没有react 18+的使用案例？我找找是不是我代码的问题。readme里面demo案例是react 17的：

[lgf196]

https://github.com/Orginone/oiocns-react
这个项目使用了该插件，同时也是react18+的版本，你这边可以看看

[MidnightCrowing]

https://github.com/Orginone/oiocns-react 这个项目使用了该插件，同时也是react18+的版本，你这边可以看看

我看过了，它这个项目并没有使用toast，所以不会出现这个问题😥