react-three-next
react-three-next copied to clipboard
An error occurs every time you change the size of the browser
Summary
Whenever I change the browser size, I get a type error. Strangely, it doesn't happen on my home laptop(M1 Pro 13), but it happens on my business laptop(M1 Pro 14).
Error Message

next-dev.js?3515:20 TypeError: Cannot set properties of undefined (setting 'hook')
at d (<anonymous>:10:949)
at c (<anonymous>:10:1426)
at e (<anonymous>:10:1913)
at e (<anonymous>:10:1931)
at e (<anonymous>:10:1931)
at e (<anonymous>:10:1918)
at e (<anonymous>:10:1931)
at e (<anonymous>:10:1931)
at e (<anonymous>:10:1931)
at i (<anonymous>:10:1942)
at t.onCommitFiberRoot.t.onCommitFiberRoot (<anonymous>:10:3098)
at onCommitRoot (react-dom.development.js?ac89:4876:1)
at commitRootImpl (react-dom.development.js?ac89:26887:1)
at commitRoot (react-dom.development.js?ac89:26682:1)
at performSyncWorkOnRoot (react-dom.development.js?ac89:26117:1)
at flushSyncCallbacks (react-dom.development.js?ac89:12042:1)
at eval (react-dom.development.js?ac89:25651:1)
window.console.error @ next-dev.js?3515:20
overrideMethod @ react_devtools_backend.js:4026
i @ VM560:10
t.onCommitFiberRoot.t.onCommitFiberRoot @ VM560:10
onCommitRoot @ react-dom.development.js?ac89:4876
commitRootImpl @ react-dom.development.js?ac89:26887
commitRoot @ react-dom.development.js?ac89:26682
performSyncWorkOnRoot @ react-dom.development.js?ac89:26117
flushSyncCallbacks @ react-dom.development.js?ac89:12042
eval @ react-dom.development.js?ac89:25651
My dependencies
node -v v18.8.0
yarn -v 1.22.19
package.json
"dependencies": {
"@react-three/drei": "^9.40.0",
"@react-three/fiber": "^8.9.0",
"glsl-random": "^0.0.5",
"next": "^13.0.1",
"next-pwa": "^5.6.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-merge-refs": "^2.0.1",
"three": "^0.146.0",
"three-stdlib": "^2.17.3"
},
"devDependencies": {
"@next/bundle-analyzer": "^12.3.1",
"autoprefixer": "^10.4.12",
"eslint": "^8.24.0",
"eslint-config-next": "^13.0.1",
"eslint-config-prettier": "^8.5.0",
"eslint-plugin-tailwind": "^0.2.1",
"file-loader": "^6.2.0",
"glslify": "^7.1.1",
"glslify-loader": "^2.0.0",
"postcss": "^8.4.18",
"prettier": "^2.7.1",
"raw-loader": "^4.0.2",
"tailwindcss": "^3.2.1",
"url-loader": "^4.1.1"
}
Did you ever solve this? I'm having the same bug on an M1 pro mac. Perhaps this is related to processor architecture?
Did you ever solve this? I'm having the same bug on an M1 pro mac. Perhaps this is related to processor architecture?
Nope..! I think so too because the error is only occurs in M1 pro 14
running into the same issue with M1 Pro (2021, 16-inch)