Next js and @react-three/a11y issues

[jeremielim]

Adding a11y is giving this error

You are calling ReactDOMClient.createRoot() on a container that has already been passed to createRoot() before. Instead, call root.render() on the existing root instead if you want to update it. Error Component Stack
    at Html.tsx:77:7
    at group (<anonymous>)
    at A11y (A11y.tsx:90:3)
    at Suspense (<anonymous>)
    at ErrorBoundary (events-e3cb66e2.esm.js:80:5)
    at m (index.tsx:83:14)
    at x.useMemo (<anonymous>)
    at x.useMemo (<anonymous>)
    at x.useMemo (<anonymous>)
    at x.useMemo (<anonymous>)
    at x.useMemo (<anonymous>)
    at x.useMemo (<anonymous>)
    at x.useMemo (<anonymous>)
    at x.useMemo (<anonymous>)
    at x.useMemo (<anonymous>)
    at x.useMemo (<anonymous>)
    at x.useMemo (<anonymous>)
    at x.useMemo (<anonymous>)
    at useBridge.useMemo (events-e3cb66e2.esm.js:56:5)
    at Provider (events-e3cb66e2.esm.js:1995:3)

 "dependencies": {
    "react": "19.1.0",
    "react-dom": "19.1.0",
    "next": "15.4.4",
    "@gsap/react": "^2.1.2",
    "@react-three/a11y": "^3.0.0",
    "@react-three/drei": "^10.4.4",
    "@react-three/fiber": "^9.2.0",
    "@types/three": "^0.178.0",
    "gsap": "^3.13.0",
    "leva": "^0.10.0",
    "r3f-perf": "^7.2.3",
    "three": "^0.178.0",
    "use-sound": "^5.0.0",
    "zustand": "^5.0.6"
  },