title: Pass setState as props or create a handle
body: <p>Can I pass the <code>setPlaying</code> as props? Or I have to do something like this example code?</p>
  <p>Components <code>Two</code> and <code>Three</code> can be in their own file.</p>
  <pre><code>export const myComponent = () =&gt; {
    const [playing, setPlaying] = useState(false);
  
    const handleChange = (show) =&gt; {
      setPlaying(show);
    };
  
    return (
      &lt;&gt;
        &lt;One /&gt;
        {!playing ? (
          &lt;Two handleChange={handleChange} /&gt;
        ) : (
          &lt;Three handleChange={handleChange} /&gt;
        )}
      &lt;/&gt;
    ) 
  };
  
  const Two = ({ handleChange }) =&gt; {
    return (
      &lt;Container&gt;
        &lt;Button onClick={{(e) =&gt; handleChange(true)}}&gt;Click to Show Component Three&lt;/Button&gt;
      &lt;/Container&gt;
    );
  };
  
  const Three = ({ handleChange }) =&gt; {
    return (
      &lt;Container&gt;
        &lt;Button onClick={{(e) =&gt; handleChange(false)}}&gt;Click to Show Component Two&lt;/Button&gt;
      &lt;/Container&gt;
    );
  };
  
  </code></pre>