Can you tldraw  dynamically identify width and height instead of passing fixed one in tldraw?
### What's the example?

```

  return useCallback(
    (editorInstance: Editor) => {
   
      editorInstance.updateInstanceState({ isGridMode: true });
      setEditor(editorInstance);
      console.log("Tldraw mounted");

      if (!cloudinaryImageLink || imageAdded) {
        console.log("No image to add or image already added");
        return;
      }

      const assetId = AssetRecordType.createId();
      

      editorInstance.createAssets([
        {
          id: assetId,
          type: "image",
          typeName: "asset",
          props: {
            name: "generated-image.png",
            src: cloudinaryImageLink,
            w: imageWidth,
            h: imageHeight,
            mimeType: "image/png",
            isAnimated: false,
          },
          meta: {},
        },
      ]);

      const id = createShapeId();
      editorInstance.createShape({
        id: id,
        type: "image",
        x: (window.innerWidth - imageWidth) / 2,
        y: (window.innerHeight - imageHeight) / 2,
        props: {
          assetId,
          w: imageWidth,
          h: imageHeight,
        },
      });

      const bounds = editorInstance.getShapePageBounds(id);
      editorInstance.zoomToBounds(bounds!);
      setImageAdded(true);
      
```

### Code of Conduct

- [X] I agree to follow this project's Code of Conduct