Necesito configurar mi página web de principio a fin. Así que escribo código como este.

 function BasicDetails() { React.useEffect(()=>{ scrollView(); }, []); function scrollView() { document.getElementById('main-root').scrollIntoView({behavior: 'smooth'}); } return ( <Nav> <div id="main-root" style={{scrollBehavior: 'smooth'}}> <div> <Header pageTitle={'Shop Settings'}/> <Button onClick={saveBasicDetails} variant="contained" id='save' className={classes.saveButton}> SAVE </Button> </div> <BasicDetailsData style={{scrollBehavior: 'smooth'}} ref={childRef}/> </div> </Nav> ); }

Pero cuando intenté ejecutar mi código, tengo un error TypeError: No puedo leer las propiedades de nulo (leyendo 'scrollIntoView') Así que lo intenté muchas veces pero no puedo encontrar el error. Soy un nuevo estudiante para reaccionar, así que. No sé mucho al respecto. Cualquiera puede ayudarme con esto... Realmente necesito su ayuda... gracias.