The initial value of some hooks are confusing

[colgin]

there are some hooks like useCookieValue, useStorageValue ... , the initial value of useState is related to useFirstMountState, see react-hookz/web search useFirstMountState.

eg.

function useCookieValue() {
  // ...
  const isFirstMount = useFirstMountState();
  const [state, setState] = useState<string | null | undefined>(
    isFirstMount && initializeWithValue ? methods.current.fetchVal() : undefined
  );
  // ...
}

useFirstMountState is pretty easy

export function useFirstMountState(): boolean {
	const isFirstMount = useRef(true);

	useEffect(() => {
		isFirstMount.current = false;
	}, []);

	return isFirstMount.current;
}

It means the first time useState executed with isFirstMount = true, after first render, isFirstMount is always false.

so, what's the difference with this

const [state, setState] = useState<string | null | undefined>(
  true && initializeWithValue ? methods.current.fetchVal() : undefined
 );

[xobotyi]

Noone will be changing the initializeWithValue option after first render, therefore value fetching will be performed each render, for cookie it is pretty straightforward, but for storages it envolves deserialization