How to integrate SPFX webpart in teams?

 Ans:- 

Locate the ./src/webparts/**/manifest.json file for the web part you'll use as the tab for the meeting app solution. Locate the supportedHosts property to include "TeamsTab":

{ "$schema": "https://developer.microsoft.com/json-schemas/spfx/client-side-web-part-manifest.schema.json", "id": "..", "alias": "MyFirstTeamsMeetingAppWebPart", "componentType": "WebPart", "version": "*", //... "supportedHosts": ["SharePointWebPart", "TeamsTab"], //... }

Select the package in the SharePoint tenant App Catalog and select the Sync to Teams button at in the ribbon in the Files tab.

The last step is to test the meeting app in Microsoft Teams. To do this, you'll create a meeting that isn't a channel meeting and has at least one person invited to it:

1. Open the Microsoft Teams desktop client.

2. Create a new meeting using the Calendar app in the left-hand app bar.

3. Invite someone to the meeting.

4. Save the meeting.

5. From the Calendar app, open the test meeting you created.

6. Select the + (plus) button to the right of the existing tabs.

1. Select your custom meeting app