<%# WARNING: Could not add Stimulus controller to root element %> <%# WARNING: Component uses React hook: useState. This may require manual conversion. %> <%# WARNING: Component uses React hook: useState. This may require manual conversion. %> <%# WARNING: Multiple JSX elements found, using heuristics to identify the root element %>

<% = title %>

setNewTodo(e.target.value) %>" data-action="keypress->keypress"=" <% = e => e.key === 'Enter' && handleAddTodo() %>" />

handleToggleTodo(todo.id) %>" /> <%= todo.text %>

<% if todos.length === 0 %> <% =

No todos yet. Add one above!

%><% end %> <% if todos.length> 0 %> <% =

{todos.filter(todo => todo.completed).length} of {todos.length} completed

%><% end %>