mnasyrov / nrgy / 35341232925

99%

push

github

feat(react): migrate useAtom() and useAtoms() to useSyncExternalStore

The value is read from the atom on every render, so a change of the
source atom itself is visible in the same commit. Updates are delivered
synchronously via syncEffect(): an update inside an event handler or
act() is rendered without waiting for a microtask.

useAtoms() keeps the previous record of sources while its keys and atoms
are the same. This fixes an infinite re-render loop when the record was
created inline, e.g. useAtoms({ s1, s2 }), and any source changed.

Behaviour changes:
- an error thrown by the atom after mount surfaces as a render error on
  the next render instead of silently keeping the last value;
- setting an atom in the render body now triggers the React warning
  about updating a component during render.

BREAKING CHANGE: `@nrgyjs/react` requires React 18 or newer.

249 of 253 branches covered (98.42%)

Branch coverage included in aggregate %.

10 of 10 new or added lines in 2 files covered. (100.0%)

664 of 666 relevant lines covered (99.7%)

5838.76 hits per line