useEffect to make sure amount doesn't go below zero code example
Example: react useeffect not on first render
//This is a way to build this effect as a custom hook
import React, { useEffect, useRef } from 'react';
const useDidMountEffect = (func, deps) => {
const didMount = useRef(false);
useEffect(() => {
if (didMount.current) func();
else didMount.current = true;
}, deps);
}
export default useDidMountEffect;