omerman / jotai-nexus Goto Github PK

It might be worth stating in the readme that Jotai v2 has a native solution for this problem.

import { getDefaultStore } from 'jotai';

const store = getDefaultStore();
export const readAtom = store.get;
export const writeAtom = store.set;

And it doesn't require a react component to be rendered before read and white functions are available.

Thank you @omerman for publishing this!

This library didn't work for me in some scenarios and I noticed that it didn't have a useCallback wrapper inside the useAtomCallback function. According to the docs it's required. Adding it fixed the problem for me.

I also might be missing something, but why not just expose the functions provided by the hook itself? Something like this:

// JotaiNexus.tsx

import { Getter, Setter } from "jotai";
import { useAtomCallback } from "jotai/utils";
import { useCallback, useEffect } from "react";

export let readAtom: Getter;
export let writeAtom: Setter;

const JotaiNexus = () => {
  const init = useAtomCallback(
    useCallback((get, set) => {
      readAtom = get;
      writeAtom = set;
    }, [])
  );

  useEffect(() => {
    init();
  }, []);

  return null;
};

export default JotaiNexus;