aspectRatio: "1:1" parameter is unavailable.

[lukema95]

    imageOptions: {
      aspectRatio: "1:1",
    },

When I use this parameter, the front-end rendering will show the size over 256KB, however this error persists regardless of whether I compress the image to a small enough size, and it works fine when I use the default 1.91:1.

[stephancill]

If you are using a link to a static image please specify it in the frame return directly as a string

image: "/image.png"
...

If you need to load an external image in your frame because you are overlaying other components or something try upgrading to the latest version of frames.js as it lets you return images asynchronously instead of via data URLs

[lukema95]

Here's what I used:

 <img src={`data:image/jpeg;base64,${imageData}`} alt="Processed Image" />

I've upgraded to the latest version

[stephancill]

like the error says, your image data is too large. refactor your imageData to be on a separate route and link to it directly as a string in your frame response image as above

image: '/path/to/image?input1=test&input2=test'

then implement a route that returns an image at /path/to/image/route.tsx

[lukema95]

like the error says, your image data is too large. refactor your imageData to be on a separate route and link to it directly as a string in your frame response image as above

image: '/path/to/image?input1=test&input2=test'

then implement a route that returns an image at /path/to/image/route.tsx

Thanks. It works