const Jotai = { ...jotaiReact, ...jotaiVanilla }

let i = 0;
const nextId = () => `${++i}`

const jotaiStore = Jotai.createStore()
const ecosystem = ZeduxReact.createEcosystem()

const zeduxAtom = ZeduxReact.atom(nextId(), 0)

const jotaiAtom = Jotai.atom(0)
jotaiAtom.debugLabel = nextId()

const recoilAtom = Recoil.atom({
  key: nextId(),
  default: 0,
});

function Test() {
  const setState = React.useState(0)[1]
  const val = Recoil.useRecoilState(recoilAtom);
  return React.createElement('button', { id: "recoil-updater", onClick: () => setState(val => val + 1) })
}

let updateRecoil

ReactDOM.render(
  React.createElement(Recoil.RecoilRoot, {}, React.createElement(Test)),
  document.getElementById('recoil-root'),
  () => {
    const el = document.getElementById('recoil-updater')
    updateRecoil = () => el.click()
  }
 )