Making sure react-native-wgpu is installed

Author: iwoplaza

packages/typegpu-react/package.json

@@ -51,11 +51,15 @@
   "peerDependencies": {
     "react": "^19.0.0",
     "react-native": "*",
+    "react-native-wgpu": "*",
     "typegpu": "^0.10.2"
   },
   "peerDependenciesMeta": {
     "react-native": {
       "optional": true
+    },
+    "react-native-wgpu": {
+      "optional": true
     }
   }
 }

packages/typegpu-react/src/core/use-configure-context.ts

@@ -35,6 +35,7 @@ export interface Resizer {
 
 export type UseResizerHook = () => Resizer;
 
+/*#__NO_SIDE_EFFECTS__*/
 export function createUseConfigureContextHook(useResizer: UseResizerHook) {
   return function useConfigureContext(
     options?: UseConfigureContextOptions,

packages/typegpu-react/src/react-native/index.ts

@@ -1,3 +1,8 @@
+import { WebGPUModule } from 'react-native-wgpu';
+
+// Making sure the WebGPU module is installed before navigator.gpu is accessed
+WebGPUModule.install();
+
 export * from '../shared-exports.ts';
 
 export { useConfigureContext } from './use-configure-context.ts';