The Next / App router example gives an error with the latest Next.js release:

Argument of type '() => Promise<ReactWebComponent<DeepChat, { onactivate: string; onchange: string; }>>' is not assignable to parameter of type 'DynamicOptions<Omit<HTMLAttributes, "onchange" | "onError" | "onactivate" | "connect" | "directConnection" | "webModel" | "requestBodyLimits" | ... 52 more ... | "attributeChangedCallback"> & EventListeners<...> & Partial<...> & RefAttributes<...>> | Loader<...>'.\n Type '() => Promise<ReactWebComponent<DeepChat, { onactivate: string; onchange: string; }>>' is not assignable to type '() => LoaderComponent<Omit<HTMLAttributes, "onchange" | "onError" | "onactivate" | "connect" | "directConnection" | "webModel" | "requestBodyLimits" | ... 52 more ... | "attributeChangedCallback"> & EventListeners<...> & Partial<...> & RefAttributes<...>>'.\n Type 'Promise<ReactWebComponent<DeepChat, { onactivate: string; onchange: string; }>>' is not assignable to type 'LoaderComponent<Omit<HTMLAttributes, "onchange" | "onError" | "onactivate" | "connect" | "directConnection" | "webModel" | "requestBodyLimits" | "requestInterceptor" | ... 51 more ... | "attributeChangedCallback"> & EventListeners<...> & Partial<...> & RefAttributes<...>>'.\n Type 'ReactWebComponent<DeepChat, { onactivate: string; onchange: string; }>' is not assignable to type 'ComponentType<Omit<HTMLAttributes, "onchange" | "onError" | "onactivate" | "connect" | "directConnection" | "webModel" | "requestBodyLimits" | ... 52 more ... | "attributeChangedCallback"> & EventListeners<...> & Partial<...> & RefAttributes<...>> | ComponentModule<...>'.\n Type 'ForwardRefExoticComponent<Omit<HTMLAttributes, "onchange" | "onError" | "onactivate" | "connect" | "directConnection" | "webModel" | "requestBodyLimits" | "requestInterceptor" | ... 51 more ... | "attributeChangedCallback"> & EventListeners<...> & Partial<...> & RefAttributes<...>>' is not assignable to type 'FunctionComponent<Omit<HTMLAttributes, "onchange" | "onError" | "onactivate" | "connect" | "directConnection" | "webModel" | "requestBodyLimits" | "requestInterceptor" | ... 51 more ... | "attributeChangedCallback"> & EventListeners<...> & Partial<...> & RefAttributes<...>>'.\n Type 'import("/Users/vmorilla/devel/std/nextjs/athena-gpt/node_modules/@lit-labs/react/node_modules/@types/react/index").ReactNode' is not assignable to type 'React.ReactNode'.\n Type 'ReactElement<any, string | JSXElementConstructor>' is not assignable to type 'ReactNode'.\n Property 'children' is missing in type 'ReactElement<any, string | JSXElementConstructor>' but required in type 'ReactPortal'."

My package.json file looks like this:

{
  "name": "test",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "deep-chat-react": "^2.0.1",
    "next": "15.0.4",
    "react": "^19.0.0",
    "react-dom": "^19.0.0"
  },
  "devDependencies": {
    "@types/node": "^20",
    "@types/react": "^19",
    "@types/react-dom": "^19",
    "eslint": "^8",
    "eslint-config-next": "15.0.4",
    "postcss": "^8",
    "tailwindcss": "^3.4.1",
    "typescript": "^5"
  }
}