title: Can you match a nested state with string paths in xstate?
body: <p>From the <a href="https://github.com/davidkpiano/xstate/tree/master/packages/xstate-react" rel="nofollow noreferrer">@xstate/react</a> GitHub repo:</p>
  
  <blockquote>
    <p>... for hierarchical and parallel machines, the state values will be objects, not strings. In this case, it's better to use state.matches(...)</p>
  </blockquote>
  
  <p>Which looks like this:</p>
  
  <pre class="lang-js prettyprint-override"><code>if (current.matches({ loading: 'user' })) {
    return /* ... */;
  }
  </code></pre>
  
  <p>But could you replace <code>{ loading: 'user' }</code> with <code>"loading.user"</code>?</p>