Estoy trabajando en una aplicación, pero recibo errores en la consola. Estoy enviando la imagen del error, junto con el código que causa el error. ¿alguien podría decirme qué causa este problema?
import React from 'react'; import { useSelector, shallowEqual } from 'react-redux'; import AddBook from './form'; import SingleBook from './singleBook'; const DisplayBooks = () => { const books = useSelector((state) => state.booksArray, shallowEqual); return ( <div className="book-list"> {books.map((book) => <SingleBook key={book.id} title={book.title} author={book.author} />)} <AddBook /> </div> ) }; export default DisplayBooks;A continuación he pegado la imagen de la consola.
Creo que esta línea de código está causando el problema.
const books = useSelector((state) => state.booksArray, shallowEqual)cambiarlo a,
const books = useSelector((state) => state.booksArray) console.log(books) -> to check whether the books is an array or not