` device.createBindGroup` throws `Error: Cannot convert "undefined" to HostObject`

[friyiajr]

Code Reproducer:

• https://github.com/friyiajr/CreateBufferReproducer# see file - https://github.com/friyiajr/CreateBufferReproducer/blob/main/src/components/custom-webgpu.tsx

Description of Problem

I've been working through the WebGPU tutorial and things have been working quite well on Chrome. I made an attempt at getting this example from the tutorial to run on React Native but had no success. It seems like bindGroup isn't working properly on mobile based on this stack trace. I could be missing something, but it does seem like this should work.

 LOG  device.createBindGroup [Function createBindGroup]
 ERROR  [Error: Uncaught (in promise, id: 0) Error: Cannot convert "undefined" to HostObject<rnwgpu::GPUBuffer>! It is undefined!] 

Code: custom-webgpu.tsx
  236 |       console.log("device.createBindGroup", device.createBindGroup);
  237 |
> 238 |       const bindGroup = device.createBindGroup({
      |                                               ^
  239 |         label: "bind group for objects",
  240 |         layout: pipeline.getBindGroupLayout(0),
  241 |         entries: [
Call Stack
  <anonymous> (src/components/custom-webgpu.tsx:238:47)

[wcandillon]

I added it as a working example at #320
This is the part that need to be changed:

      entries: [
        { binding: 0, resource: { buffer: staticStorageBuffer } },
        { binding: 1, resource: { buffer: changingStorageBuffer } },
        { binding: 2, resource: { buffer: vertexStorageBuffer } },
      ],

I will look into adding support for the { binding: 0, resource: staticStorageBuffer } syntax

[wcandillon]

it's published in 0.5.5, thank you for catching this.