What are the benefits of passing a proxy using context?

[leochiu-a]

I saw in the document that there are two ways to pass proxy-state, one is using modules and the other is using context. Using modules seems to be better for maintaining actions and states, so does passing proxy state using context have any clear advantages?

[dai-shi]

You can reuse a component. Here's an example with props. (Context usage is basically the same.)

const Component = ({ childState }) => {
  const snap = useSnapshot(childState);
  // ...
};

const Parent = () => {
  return (
    <>
      <Component childState={state.foo} />
      <Component childState={state.bar} />
    </>
  );
};