Proxy(Blob) instead of actual Blob

[Ettorebigm]

Hi, i was wondering if i could use Valtio as a store for Blob objects.

in one file i have this state
export const createActivityState = proxy({ activity: "", textarea: "", photo: [], photoUrl: [] });

in another i gather from < input /> user's media file, and procede as such:
createActivityState.photo.push( file );
const url = URL.createObjectURL(file)
createActivityState.photoUrl.push( url );

but when i try to access both, such as console.log , the url , as a string , "works" as it is console.logged correctly, also it is used to display the image correctly inside < img />
but the file image is substituted with Proxy(Blob) , which is not the actual file .

here attached screenshot of the console.log.

I therefore assume Valtio cannot store heavy objects as such, am i wrong / missing something ? Or can the behaviour be achieved in other fashion ?

Kind Regards

[dai-shi]

In fact, Valtio proxies are designed for plain objects.
In the past, we discussed about opt-in / opt-out approaches for non-plain objects. We decided for opt-out approach.
You should use ref() to put non-plain objects in Valtio proxies.

[Ettorebigm]

or else , to use Jotai , right?

[Ettorebigm]

what do you mean with "You should use ref() to put non-plain objects in Valtio proxies." ?

i tried to do :
const fotoRef = createRef()
fotoRef.current = file
createActivityState.fotoRef.push(fotoRef) ,

which still console.logs Proxy(Blob)

[dai-shi]

Oops, I mean ref function exported from valtio.