What's removeTask

oh shit SORRY

Btw just to check, you are aware right you have opted out of nextjs and it's fetching behaviours right?

    function removeTask(id) {
        let tempTasks = tasks
        let removeIndex = tempTasks.map(item => item.id).indexOf(id)
        tempTasks = tempTasks.splice(removeIndex, 1)
        setTasks(tempTasks)
        console.log(tasks)
    }

Its really messy, im weak in js

what? can you explain

So basically nextjs caching is server side,doing an axiis fetch in a use effect is how you would fetch on the client side, just wanted to let you know.. it's fine if that's expected

oh... i just realized.. so should i use fetch api? like how its defined in the docs?

This looks.. like just ineffective try out filtering out the id

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter

Check out the docs since there is a lot of details there about fetching

Also

The reason it's not working is you aren't awaiting the handle deletion in the onclick

yes i got it working thank you so much!

@Spectacled Caiman please dont delete the original question, [mark the answer](https://nextjs-forum.com/post/1223641900712595556#message-1223641905259352086) instead. if Arinji's answer didn't help you fully, please also explicitly state so before deleting your question (it's alright, you won't be judged for saying an answer didn't help)