Code Monkey Skill Challenge 6-10 -

{/* Search */} <input placeholder="Filter by title" value={filter} onChange={(e) => setFilter(e.target.value)} />

// Challenge 6: Fetch data useEffect(() => { fetch(API) .then((res) => res.json()) .then(setPosts); }, []); code monkey skill challenge 6-10

// Challenge 10: Delete item const deletePost = (id) => { if (window.confirm("Delete this post?")) { setPosts(posts.filter((p) => p.id !== id)); } }; {/* Search */} &lt

{/* List */} <ul> {paginated.map((post) => ( <li key={post.id}> <strong>{post.title}</strong> <button onClick={() => deletePost(post.id)}>❌</button> <p>{post.body}</p> </li> ))} </ul> { fetch(API) .then((res) =&gt