Building Teams Apps with SPFx and React

SPFx web parts can run as Teams tabs. Here’s how to build a Teams-aware component.

Detect Teams

const isInTeams = !!this.context.sdks.microsoftTeams;
if (isInTeams) {
  const ctx = this.context.sdks.microsoftTeams.context;
  console.log(ctx.teamName, ctx.channelName);
}

Manifest

{
  "supportedHosts": ["SharePointWebPart", "TeamsTab", "TeamsPersonalApp"]
}

References

• SPFx for Teams