The 'itemConfig' logical expression could make the dependencies of useCallback Hook (at line 227) change on every render. To fix this, wrap the initialization of 'itemConfig' in its own useMemo() Hook

The 'itemConfig' logical expression could make the dependencies of useCallback Hook (at line 220) change on every render. To fix this, wrap the initialization of 'itemConfig' in its own useMemo() Hook

Do not call the 'set' function 'setPathLength' of 'useState' directly in 'useEffect'

A/an 'object expression' as default prop. This could lead to potential infinite render loop in React. Use a variable instead of 'object expression'

Do not use item index in the array as its key

The ref value 'particlesRef.current' will likely have changed by the time this effect cleanup function runs. If this ref points to a node rendered by React, copy 'particlesRef.current' to a variable inside the effect, and use that variable in the cleanup function

Do not call the 'set' function 'forceUpdate' of 'useState' directly in 'useEffect'

A/an 'object expression' as default prop. This could lead to potential infinite render loop in React. Use a variable instead of 'object expression'

Do not call the 'set' function 'setMenuPosition' of 'useState' directly in 'useEffect'