Custom hook like `useState()` but updates the state when the initial value changes.

useStateWithEffect.js

import { useEffect, useState } from "react";


/**
 * Returns like `useState()` but updates the state when the initial value changes.
 * @param {any} initialValue - Initial value of the state
 * @returns {Array.<any,Function>} State value and setter
 */

export function useStateWithEffect(initialValue) {
	const [value, setValue] = useState(initialValue);

	useEffect(() => {
		setValue(initialValue);
	}, [initialValue]);


	return [value, setValue];
}