breaks in projects with cjs/esm scripts combintaion

[megastels]

Bug Description

Reproduction

https://stackblitz.com/edit/stackblitz-starters-vnprfupv?file=index.mjs

// state.js
const valtio = require('valtio');
const state = valtio.proxy({ value: 1 });

// works fine
valtio.snapshot(state);

module.exports = {
	state: state
}

// index.mjs
import { snapshot } from 'valtio';
import state from './state.js';

// warning "Please use proxy object"
// TypeError: proxyState is not iterable
snapshot(state.state);

Why this happens

rollup split code to cjs/esm at build time and every bundle have unique internal state.

when proxy called in cjs file, valtio register state inside cjs bundle, but not inside esm.

webpack about stateless/statefull bundels
https://webpack.js.org/guides/package-exports/#providing-commonjs-and-esm-version-stateless

Reproduction Link

https://stackblitz.com/edit/stackblitz-starters-vnprfupv?file=index.mjs

[dai-shi]

This is a known issue as dual package hazard, and we decided to not solve it on the library end. You need to create a wrapper on your end so that only ESM or CJS of valtio will be used.