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

React Hook useEffect has a missing dependency: 'onTabCollapse'. Either include it or remove the dependency array. If 'onTabCollapse' changes too often, find the parent component that defines it and wrap that definition in useCallback

React Hook useEffect has an unnecessary dependency: 'ref.current'. Either exclude it or remove the dependency array. Mutable values like 'ref.current' aren't valid dependencies because mutating them doesn't re-render the component