Estoy creando un sitio web de recorridos usando React como práctica donde se presentan un par de ubicaciones con sus imágenes, descripciones y precios y se agrega un botón en cada ubicación donde elimina una ubicación del sitio.

La función que se le pasa al botón es 'handleRemoval' cuyo código es el siguiente:

 import { useState } from 'react'; import './App.css'; import Tours from'./tours.js' import datas from './toursData.js' function App() { const [locations, setLocations] = useState([datas]) const handleRemoval = (id) =>{ const newLocations = locations.filter(location => location.id !== id); console.log(newLocations); //checking whether locations is filtered setLocations(newLocations); } return ( <Tours tours={datas} handleRemoval={handleRemoval}/> ); }

Cuando hago clic en el botón y compruebo la consola, encuentro que las ubicaciones no están filtradas y no entiendo por qué, por favor, ayuda :(

Github también muestra errores, así que si necesitas el código completo, te lo enviaré.