title: How to use React.forwardRef to expose child's methods?
body: <p><strong>What I try to do:</strong></p>
  
  <p>I converted my react component A to litElement <code>&lt;web-component-b /&gt;</code>. Is it a way to use A's internal methods?</p>
  
  <pre><code>e.g. 
  const myRef = useRef() 
  &lt;web-component-b ref={myRef}/&gt;
  myRef.current.innerMethod().
  </code></pre>
  
  <p>Below is pseudo code that I play around. I want to expose C3 component's method1 and method2, but when running is ref is always null.</p>
  
  <pre><code>export default TestComponent = React.forwardRef(props, ref) =&gt; {
  &lt;Parent ref={ref}&gt;
    &lt;C1 ref={ref}&gt;
      &lt;C2 ref={ref}&gt;
        &lt;C3 ref={ref}&gt; -&gt; method1 and method that I want to use
          &lt;C4&gt;
            &lt;C5&gt;
  });
  
  
  // start to use
  const testComponentRef = useRef(null);
  &lt;TestComponent ref={testComponentRef} /&gt;
  
  testComponentRef.method1();
  testComponentRef.method2();
  </code></pre>