Custom Hook and Runtime

[FrancicoVerdu]

I have tried to adopt Runtime for my project but I have encountered the problem of how to load a Atomic State from Jotai,

The component I want to federate is the following:

// store.tsx

import { atom, useAtom } from "jotai";

const countAtom = atom(0);

const useCount = () => useAtom(countAtom);

export default useCount;

Previously using buildTime my code looked like this:

import useCount from "button_provider/store";

const App = () => {

const [count, setCount] = useCount();

.....

}

But I am not being able to do the same in RunTime.

Thank you for all your assistanc.

[ScriptedAlchemy]

Hooks cannot be promises, this is a limit of react. Either pass it as a prop, find a way to suspend it with suspense reader api, or use top level awaits / state setting so you can await the hook then pass a prop into another react component etc.

[FrancicoVerdu]

Thank you for your answer, it was very helpful.