Call Azure Function from SPFx React app deployed to Sharepoint Apps

Question

Hello,

We have SPFx app deployed to Sharepoint apps, being used as Teams app. We have to talk to an Azure function from the app, and we use function key, so I added that as part of the React ts, also added sharepoint URL in CORS but still see a 401. I was thinking to use managed identities, would that be possible to talk to a function from the deployed sharepoint app or is there a better way to authenticate to an Azure function?

Thanks.