How about making useDynamicAtomValue ?

[gaki2]

Hi !
How about making useDynamicAtomValue ?

import fastDeepEquals from 'fast-deep-equal';
import { Atom, useAtom, useAtomValue } from 'jotai';
import { selectAtom } from 'jotai/utils';
// `useIMemo` ignores eslint dependency error.
import { useIMemo } from '@utils/hooks/useIMemo';

export type DynamicAtomSelector<T, R = unknown> = (state: T) => R;

export const useDynamicAtomValue = <T, R = unknown>(
  atom: Atom<T>,
  selector: DynamicAtomSelector<T, R>,
  deepEquals?: boolean
) => {
  const dynamicAtom = useIMemo(
    () => selectAtom(atom, selector, deepEquals ? fastDeepEquals : undefined),
    [deepEquals]
  );
  return useAtomValue(dynamicAtom);
};

With this hooks, We can select property dynamically.
It makes more reusable react component.

[dai-shi]

This is an open space of third-party libraries. Jotai library only provides primitives.

For the implementation, I would add atom (and preferably selector) in the dependency array. But, it's up to the design decision.