title: react-pixi is giving a error with useTick
body: <p>Im having some trouble with the use of useTick in react with react-pixi</p>
  <p>getting a error:</p>
  <blockquote>
  <p>No Context found with <code>PIXI.Application</code>. Make sure to wrap component
  with <code>AppProvider</code></p>
  </blockquote>
  <p>So i tried to wrap the AppProvider, but that did´nt do it.</p>
  <p>So here is my code for the specific component that´s import react-pixi:</p>
  <pre><code>import React, {useState,useEffect} from 'react';
  import { render } from 'react-dom'
  
  import {  ParticleContainer, useApp, useTick, Stage, Sprite, Container } from '@inlet/react-pixi'
  import { Application } from 'pixi.js'
  
  let scale = { x: 0.5, y: 0.5 };
  
  const TryPixi = () =&gt; {
      const app = useApp();
   
      const [itemRotation, setItemRotation] = useState(0);
  
    
      useTick(delta =&gt; {
        setItemRotation(itemRotation + 1) 
        })
      
     
      return (
       
          &lt;Stage width={139} height={140} options={{ transparent: true }}&gt;
              &lt;Container   
              x={70} 
              y={70} 
              &gt;
              &lt;Sprite 
              image=&quot;../../assets/ninja.png&quot; 
              
              anchor={[0.5, 0.5]} 
              scale={scale} 
              rotation={0.5}
              /&gt;
              &lt;/Container&gt;
          &lt;/Stage&gt;
      
      
  
      );
  };
  
  export default TryPixi;
  </code></pre>
  <p>And call the component like this from another component:</p>
  <pre><code>&lt;AppProvider&gt;&lt;TryPixi /&gt;&lt;/AppProvider&gt;
  </code></pre>
  <p>I have tried with and without the AppProvider, and yes the AppProvideris imported :-) Hope anyone can help.</p>