Can I nest the MsalProvider?

[Autosissy]

I have a user logged in with MSAL using ADB2C and Google OAuth as the identity provider. I want the user to be able to query a Microsoft Personal Account to get the tasks.read.all scope using a React App so that they can see their Microsoft Account Tasks.

<MsalProvider instance={adb2c}>
   <App/>
</MsalProvider>

Then later on in a nest component

const Tasks = () => {
   return (
      <MsalProvider instance={msa}>
          <TaskList />
     </MsalProvider>
)

The idea being that inside the TaskList component I can use the useMsal hook to get the msa instance to request tasks.read.all and get back a token but just for that component. Any parent components (like the menu for example) would use the higher level adb2c public client instance.

Or - is there a better way to do this using msal?