import useRoller from 'lib/useRoller'; import { useEffect } from 'react'; const L2Header = () => { const { config } = useRoller(); useEffect(() => { console.log('loaded config in L2Header:', config); }, [config]); return ( config && ( <> L2 Config Loaded ) ); }; export default L2Header;