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

React Hook React.useEffect has missing dependencies: 'menuSearchBarVisible', 'selectCollection', 'selectedCollection', and 'setMenuSearchBarVisible'. Either include them or remove the dependency array

React Hook React.useEffect has missing dependencies: 'setIntroDialogVisible' and 'showIntroductionDialog'. Either include them or remove the dependency array

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

React Hook React.useEffect has a missing dependency: 'props'. Either include it or remove the dependency array. However, 'props' will change when *any* prop changes, so the preferred fix is to destructure the 'props' object outside of the useEffect call and refer to those specific props inside React.useEffect

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

React Hook React.useEffect has a missing dependency: 'props'. Either include it or remove the dependency array. However, 'props' will change when *any* prop changes, so the preferred fix is to destructure the 'props' object outside of the useEffect call and refer to those specific props inside React.useEffect

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