wcandillon / wcandillon/react-native-webgpu

Expo template errors

Open
#290 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
1.2k
Forks
70
Avg merge
1d 6h
Merged PRs (30d)
23

Description

It's awesome that you created an expo template! But it doesn't work for me.

after running npx create-expo-app@latest -e with-webgpu and then starting it for the web

On a MacBook Pro M1, Sequoia 15.7.1 I get:

In Chrome I get:

react_devtools_backend_compact.js:1 Uncaught Error: Invalid argument not valid semver ('' received)
    at validateAndParse (react_devtools_backe…_compact.js:1:10728)
    at esm_compareVersions (react_devtools_backe…_compact.js:1:10292)
    at gte (react_devtools_backe…_compact.js:1:12350)
    at k.registerRendererInterface (react_devtools_backe…_compact.js:1:46078)
    at registerRendererInterface (react_devtools_backe…_compact.js:1:46404)
    at react_devtools_backe…_compact.js:1:46973
    at Map.forEach (<anonymous>)
    at initBackend (react_devtools_backe…_compact.js:1:46956)
    at activateBackend (backendManager.js:1:13128)
    at backendManager.js:1:14182
    at installHook.js:1:175030
    at Array.map (<anonymous>)
    at Object.emit (installHook.js:1:175022)
    at react_devtools_backe…_compact.js:1:50936
    at react_devtools_backe…_compact.js:1:50973
    at react_devtools_backe…_compact.js:1:51014
    at react_devtools_backe…_compact.js:1:51018

in Safari (before enabling the WebGPU flag) I get:


TypeError: Object.assign requires that input parameter not be null or undefined
assign
(anonymous function)
react-stack-bottom-frame — react-dom-client.development.js:23949
runWithFiberInDEV — react-dom-client.development.js:1522
commitHookEffectListMount — react-dom-client.development.js:11906
commitHookPassiveMountEffects — react-dom-client.development.js:12026
reconnectPassiveEffects — react-dom-client.development.js:14004
recursivelyTraverseReconnectPassiveEffects — react-dom-client.development.js:13977
reconnectPassiveEffects — react-dom-client.development.js:14052
recursivelyTraverseReconnectPassiveEffects — react-dom-client.development.js:13977
reconnectPassiveEffects — react-dom-client.development.js:13998
recursivelyTraverseReconnectPassiveEffects — react-dom-client.development.js:13977
reconnectPassiveEffects — react-dom-client.development.js:13998
recursivelyTraverseReconnectPassiveEffects — react-dom-client.development.js:13977
commitPassiveMountOnFiber — react-dom-client.development.js:13937
recursivelyTraversePassiveMountEffects — react-dom-client.development.js:13816
commitPassiveMountOnFiber — react-dom-client.development.js:13904
recursivelyTraversePassiveMountEffects — react-dom-client.development.js:13816
commitPassiveMountOnFiber — react-dom-client.development.js:13835
recursivelyTraversePassiveMountEffects — react-dom-client.development.js:13816
commitPassiveMountOnFiber — react-dom-client.development.js:13929
recursivelyTraversePassiveMountEffects — react-dom-client.development.js:13816
commitPassiveMountOnFiber — react-dom-client.development.js:13904
recursivelyTraversePassiveMountEffects — react-dom-client.development.js:13816
commitPassiveMountOnFiber — react-dom-client.development.js:13958
recursivelyTraversePassiveMountEffects — react-dom-client.development.js:13816
commitPassiveMountOnFiber — react-dom-client.development.js:13958
recursivelyTraversePassiveMountEffects — react-dom-client.development.js:13816
commitPassiveMountOnFiber — react-dom-client.development.js:13835
recursivelyTraversePassiveMountEffects — react-dom-client.development.js:13816
commitPassiveMountOnFiber — react-dom-client.development.js:13835
recursivelyTraversePassiveMountEffects — react-dom-client.development.js:13816
commitPassiveMountOnFiber — react-dom-client.development.js:13835
recursivelyTraversePassiveMountEffects — react-dom-client.development.js:13816
commitPassiveMountOnFiber — react-dom-client.development.js:13958

The above error occurred in the <FiberCanvas> component.

After enabling WebGPU flag in Safari:

[Log] Running application "main" with appParams: (entry.bundle, line 64984)
 (2)
{rootTag: "#root", hydrate: undefined}
"
Development-level warnings: ON.
Performance optimizations: OFF."
[Warning] props.pointerEvents is deprecated. Use style.pointerEvents (entry.bundle, line 23690)
[Error] RangeError: Range consisting of offset and length are out of bounds
	set
	createAttribute (Anonymous Script 1 (line 61134))
	createAttribute (Anonymous Script 1 (line 63283))
	update (Anonymous Script 1 (line 32881))
	updateAttribute (Anonymous Script 1 (line 33113))
	updateAttributes (Anonymous Script 1 (line 33084))
	updateForRender (Anonymous Script 1 (line 33039))
	_renderObjectDirect (Anonymous Script 1 (line 52907))
	renderObject (Anonymous Script 1 (line 52863))
	_renderObjects (Anonymous Script 1 (line 52799))
	_renderScene (Anonymous Script 1 (line 51810))
	render (Anonymous Script 1 (line 51605))
	(anonymous function) (Anonymous Script 1 (line 103771))
	update (Anonymous Script 1 (line 93345))
	loop (Anonymous Script 1 (line 93372))
[Error] THREE.WebGPURenderer: WebGPU Device Lost:

Message: Unknown reason
Reason: destroyed
	registerError (entry.bundle:902)
	(anonymous function) (entry.bundle:840)
	_onDeviceLost (Anonymous Script 1 (line 51526))
	(anonymous function) (Anonymous Script 1 (line 62117))

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the issue with npx create-expo-app@latest -e with-webgpu, then run the generated app for the web in Chrome and Safari. Compare the React DevTools, FiberCanvas, WebGPU renderer, and device-lost errors; done means the Expo template starts without the reported browser errors.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native, typescript
Domain
computer-graphics, web-dev
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.