Sample Code -- Bug ?

[Er4twXz]

Dear friends,

I don't get idea behind the first sample code. todos is a List of all completed Todos -- and the component is showing a list of all these completed todos with a "complete" button ?

What am I missing

`// Define collections to load data into
const todoCollection = createCollection({
// ...your config
onUpdate: updateMutationFn,
})

const Todos = () => {
// Bind data using live queries
const { data: todos } = useLiveQuery((q) =>
q.from({ todo: todoCollection }).where(({ todo }) => todo.completed)
)

const complete = (todo) => {
// Instantly applies optimistic state
todoCollection.update(todo.id, (draft) => {
draft.completed = true
})
}

return (

{todos.map((todo) => (
<li key={todo.id} onClick={() => complete(todo)}>
{todo.text}

))}

)
}`