Consuming a valtio proxy from another package results in "TypeError: proxyState is not iterable"

[iam4x]

Summary

• npm module expose a valtio proxy:

import {createExchange} from 'foo';

const exchange = createExchange();
// exchange.store is a Proxy object from valtio/vanilla

const Component = () => {
  const snap = useSnapshot(exchange.store);
  return (<div>{snap.foo}</div>);
}

This doesn't work and throws:

TypeError: proxyState is not iterable

I've logged: console.log(Object.getOwnPropertyDescriptors(exchange.store)) which outputs:

• I've tried using proxy() from valtio instead of valtio/vanilla
• I've tried npm link the external package
• I'm sure application & package are using same valtio version

Do you have an idea?

[iam4x]

Still debugging, it looks like its importing .mjs and .js packages:

So proxyStateMap is correctly set in one context but not the other