hFI, graphfi, SPFx as graphSPFx } from '@pnp/graph'
import { SPFI, spfi, SPFx as spSPFx } from '@pnp/sp'

const sp = spfi().using(spSPFx(this.context));
const graph = graphfi().using(graphSPFx(this.context));
</code></pre>
<p>If you want to use a different form of authentication you can apply that behavior after <code>SPFx</code> to override it. In this case we are using the <a href="../msaljsclient">client MSAL authentication</a>.</p>
<h2 id="spfxtoken">SPFxToken<a class="headerlink" href="#spfxtoken" titl