You may want to wrap useEffect and make it ignore the first change.

const useEffectIgnoringFirstChange = (fn, deps) => { const [changeCount, setChangeCount] = useState(0); useEffect(() => { setChangeCount(p => p++) if (changeCount<1) return; fn() }, deps); }   const useStore = () => { const [logs, setLogs] = useState([]) useEffect(() => { AsyncStorage.getItem("logs").then((newLogs) => setLogs(newLogs)); }, []) useEffectIgnoringFirstChange(() => { //Don't want to setItem on initial load or when `logs` was just loaded. AsyncStorage.setItem("logs", JSON.stringify(logs)); }, [logs]) const addLog = (newText) => { setLogs(logs => [ {text: newText, createdAt: new Date().getTime()}, ...logs, ]); } return { logs, addLog, //...many other functions that update logs } } 

You may want to wrap useEffect and make it ignore the first change.

const useEffectIgnoringFirstChange = (fn, deps) => { const firstCallRef = useRef(true); useEffect(() => { if (firstCallRef.current) {   firstCallRef.current = false;   return; }; fn() }, deps); } const useStore = () => { const [logs, setLogs] = useState([]) useEffect(() => { AsyncStorage.getItem("logs").then((newLogs) => setLogs(newLogs)); }, []) useEffectIgnoringFirstChange(() => { //Don't want to setItem on initial load or when `logs` was just loaded. AsyncStorage.setItem("logs", JSON.stringify(logs)); }, [logs]) const addLog = (newText) => { setLogs(logs => [ {text: newText, createdAt: new Date().getTime()}, ...logs, ]); } return { logs, addLog, //...many other functions that update logs } }