pfx">Using @pnp/graph <code>graphfi</code> factory interface in SPFx<a class="headerlink" href="#using-pnpgraph-graphfi-factory-interface-in-spfx" title="Permanent link">&para;</a></h3>
<pre><code class="language-TypeScript">import { graphfi, SPFx } from &quot;@pnp/graph&quot;;

// ...

protected async onInit(): Promise&lt;void&gt; {

    await super.onInit();
    const graph = graphfi().using(SPFx(this.context));

}

// ...

</code></pre>
<h3 id="using-both-pnpsp-and-pnpgraph-in-spfx">Using both @pnp/sp an