how to share state, dispatch between compound components

Question

I am learning and building a simple todo app with compound components. (dot notation)

function Todo({children}) {
  return 
{children}
}