useInitialValue util

I’m trying to learn jotai, it’s great. I’m trying to write a custom hook that will only get the initial value and not re-render on consquent updates. I tried this which obviously doesn’t work. Any tips on how I can accomplish this? Just a learning thing.

function useInitialValueAtom(atom) {
  const [value] = useAtom(atom);
  const savedValue = useRef(value);
  return savedValue.current;
}

[Aslemammad]

@Noitidart I don’t think so, I loved your idea + @merisbahti solution, @dai-shi What’s your opinion about adding something like this to the utils?

[dai-shi]

@Noitidart Thanks for the use case. RHF is nice for uncontrolled forms.

So, conceptually, the default value and the current value have different values. How about something like this?

const defaultTextAtom = atom("hello")

const currentTextAtom = atom("hello")

I think having atom values in ref out of sync is not React-ish, and better to avoid it.