I am currently following a React course on Scrimba on creating a web app for taking notes.

The problem requires me to bump a note to the top of the note list every time it's updated.

The notes are initialised through useState as follows:

const [notes, setNotes] = useState([])

The array consists of the individual notes as objects with an id and body

Every time an onChange is triggered, the following function is ran:

function updateNote(text) {
        setNotes(oldNotes => {
            let updated = oldNotes.map(oldNote => {
            return oldNote.id === currentNoteId
                ? { ...oldNote, body: text }
                : oldNote
            })
            const currNoteIndex = updated.findIndex(
                note => note.id === currentNoteId
                )
            console.log(currNoteIndex)
            updated.unshift(updated.splice(currNoteIndex, 1))
            return updated
        })
    }

However, I keep getting an error as shown in the image.

It's very unclear to me where the problem lies, but I'm thinking it has to do with the array methods.

Any explanation for this issue would be greatly appreciated!