Mi problema es que cuando envío Array of data como prop y console.log en otro componente, primero muestra "indefinido" y luego muestra los datos. Obtengo datos de la API y luego los envío como apoyo a otro componente. Ya eliminé React.strictMode del archivo index.js pero sigue ocurriendo.
por ejemplo :
const menu = [ {name : "firstFood"},{name:"Second Food"} ] <MenuTable menu ={menu} />
y en otro componente lo consola.log.
const MenuTable = (props)=>{ console.log(props.menu) }En el primer renderizado, muestra indefinido y luego muestra datos.
Creo que escribiste:
const [menu, setMenu] = useState() Luego llama a la API y setMenu(response) con la respuesta de datos. Por lo tanto, menu , al principio, no está undefined . Debería probar useState([]) , luego el primer renderizado del menú es [] .