a View não atualaiza quando deleto um card

já dei um console log na nova lista , ela está certinho mas os cards não desaparecem , o que pode está acontecendo ? quando adiciono outro ai ela atualiza certo.

import Form from './components/form';
import Lista from './components/Lista';
import { useState } from 'react';
import './App.css';

function App() {
  const [notas, setNotas] = useState([]);


  const addNota = (titulo, texto)=>{

    console.log(notas.length);
    setNotas([...notas,{titulo,texto}]);
  }

  const deleteNota = (indice)=>{
    const novalista = notas;
    novalista.splice(indice,1);
    console.log(novalista);
    setNotas(novalista);
  }

  return (
   <>
    <Form addNota={ addNota }/>
    <Lista 
      notas={ notas }
      deleteNota = { deleteNota }
      />
   </>
  );
}

export default App;