return (
  <TangleProvider initialValue={{}}>
    <App/>
  </TangleProvider>
)
 

  import { useTangledState } from 'react-tangle'
 
  // here App
  const TodosList = () => {
    const [todos] = useTangledState('todos', [])
 
    return (
      <div>
        { todos.map(todo => (<div key={todo}>{todo}</div>))}
      </div>
    )
  }
 
  const AddTodo = () => {
    const [todos, setTodos] = useTangledState('todos', [])
 
    const onAdd = (todo: string) => {
      setTodos((current) => {
        return current.concat([todo]) // todos under TodosList should update
      })
    }
    return (
      <div>
        <AddTodoComponent onAdd={onAdd}/>
      </div>
    )
  }