title: StencilJS JSX use ref in as a Prop
body: <p>I'm currently writing a StencilJS component with a <code>ref</code> to a element, which I need to pass as a @Prop to another element. Like so:</p>
  
  <pre><code>&lt;canvas ref={el =&gt; this.canvas = el}&gt;&lt;/canvas&gt;
  &lt;color-picker canvas={this.canvas}&gt;&lt;/color-picker&gt;
  </code></pre>
  
  <p>When the color picker gets created, the <code>this.canvas</code> is still undefined, resulting in an error in <code>color-picker</code>.</p>
  
  <p>How can I do this in JSX?</p>