React Hook useCallback has a missing dependency: 'animate'. Either include it or remove the dependency array

React Hook useLayoutEffect has a spread element in its dependency array. This means we can't statically verify whether you've passed the correct dependencies

React Hook useMemo has an unnecessary dependency: 'randomKey'. Either exclude it or remove the dependency array

React Hook useEffect has a missing dependency: 'updateCanvas'. Either include it or remove the dependency array

React Hook useMemo has missing dependencies: 'maxHeight' and 'maxWidth'. Either include them or remove the dependency array

React Hook useCallback has missing dependencies: 'strokeColor' and 'strokeLightInputValue'. Either include them or remove the dependency array. You can also do a functional update 'setStrokeColor(s => ...)' if you only need 'strokeColor' in the 'setStrokeColor' call

React Hook useCallback has missing dependencies: 'strokeColor' and 'strokeSaturateInputValue'. Either include them or remove the dependency array. You can also do a functional update 'setStrokeColor(s => ...)' if you only need 'strokeColor' in the 'setStrokeColor' call

React Hook useCallback has missing dependencies: 'strokeColor' and 'strokeHueInputValue'. Either include them or remove the dependency array. You can also do a functional update 'setStrokeColor(s => ...)' if you only need 'strokeColor' in the 'setStrokeColor' call

React Hook useCallback has a missing dependency: 'strokeInputValue'. Either include it or remove the dependency array