test useMachine in 2 components

testUseMachine.tsx

const machine = createMachine(/* details elided */);
const Component1 = () => {
  const [state, send] = useMachine(machine);
  setInterval(() => send({type: 'LOGIN', password: 'foobar'}), 500
  return null;
}

const Component1 = () => {
  const [state, send] = useMachine(machine);
  // will this have the password foobar?
  return <div>{state.context.password}</div>;
}


const App = () => {
  return (
    <div>
      <Component1 />
      <Component2 />
    </div>
  )
}