Aquí está mi código para Home.js y me está dando un error con respecto a las propiedades de undefined (leyendo 'error'). ¿Puede alguien sugerir una solución para esto?

Aquí está el código en Home.js

 import React from 'react' import {useState , useEffect} from 'react' import {getProducts} from "./helper.js/coreapicalls" function Home() { const [products, setProducts] = useState([]); const [error, setError] = useState(false); const loadAllProducts = () => { getProducts() .then((data) => { if (data.error) { setError(data.error); console.log(error); } else { setProducts(data); } }); }; useEffect(() => { loadAllProducts(); }); return ( <div> <h1>Home component</h1> <div className = "row"> {products.map((product , index)=>{ return( <div key = {index}> <h1>{product.name}</h1> </div> ) })} </div> </div> ) } export default Home

× Rechazo no controlado (TypeError): no se pueden leer las propiedades de undefined (leyendo 'error')

 10 | const loadAllProducts = () => { 11 | getProducts() 12 | .then((data) => { > 13 | if (data.error) { | ^ 14 | setError(data.error); 15 | console.log(error); 16 | } else {