错误：尝试安装 UI 库时目标容器不是 DOM 元素

Question

我正在尝试使用这个 UI 库：https://vcc-ui.vercel.app/docs/setup

我正在开发 NextJS 项目，版本 17

完成 UI 库设置中提供的步骤后，我收到两个不同的错误。

其中一个是 Error: Target container is not a DOM element

第二个是文档未定义。如您所见，我试图解决文档错误，但我不确定这是否是正确的方法。解决第一个问题将是一个很好的开始。

有什么想法吗？

我的代码

import React from "react";
import { VolvoCarsProducstListPage } from "../src/components/ProductListPage/VolvoCarsProducstListPage";
// import { GetCars } from "../services/fetch-cars/GetCars";
import "../public/css/styles.css";
import cars from "../public/api/cars.json";
import { StyleProvider, ThemePicker } from 'vcc-ui';
import ReactDOM from 'react-dom';
import App from './_app';

function HomePage() {
  
  // return (
  //   <React.StrictMode>
  //     <VolvoCarsProducstListPage carData={cars} />
  //   </React.StrictMode>
  // );

  ReactDOM.render(
    <StyleProvider>
      <ThemePicker variant="light">
        <App />
      </ThemePicker>
    </StyleProvider>,
    typeof window === 'object' ? document.getElementById('__next') : null,
  );
}

export default HomePage;