Library not loading components .

[shrajan28]

HI , The library is not loading components . Attaching my package.json for more info.

{ "name": "teamsfx-template-tab", "version": "0.1.0", "private": true, "dependencies": { "@fluentui/react-northstar": "^0.54.0", "@fluentui/react-teams": "^6.1.2", "@microsoft/teams-js": "^1.9.0", "@microsoft/teamsfx": "^1.0.0", "axios": "^0.21.1", "msteams-react-base-component": "^3.1.0", "react": "^16.14.0", "react-dom": "^16.14.0", "react-router-dom": "^5.1.2", "react-scripts": "^5.0.1" }, "devDependencies": { "@types/node": "^12.0.0", "@types/react": "^16.14.6", "@types/react-dom": "^16.9.12", "@types/react-router-dom": "^5.1.7", "cross-env": "^7.0.3", "env-cmd": "^10.1.0", "typescript": "^4.1.2" }, "resolutions": { "@types/react": "^17.0.38" }, "scripts": { "dev:teamsfx": "env-cmd --silent -f .env.teamsfx.local npm run start", "start": "react-scripts start", "install:teamsfx": "npm install", "build": "react-scripts build", "build:teamsfx": "cross-env-shell \"env-cmd -f .env.teamsfx.${TEAMS_FX_ENV} npm run build\"", "build:teamsfx:dev": "cross-env TEAMS_FX_ENV=dev npm run build:teamsfx", "eject": "react-scripts eject", "preinstall": "npm install --package-lock-only --ignore-scripts && npx npm-force-resolutions" }, "eslintConfig": { "extends": [ "react-app", "react-app/jest" ] }, "browserslist": { "production": [ ">0.2%", "not dead", "not op_mini all" ], "development": [ "last 1 chrome version", "last 1 firefox version", "last 1 safari version" ] }, "homepage": "." }

[shrajan28]

[shrajan28]

After much digging, after passsing themes, the 't' property is undefined which is retrieved from globaltheme.sitevariables and I am setting as :

> <RTSProvider themeName={themeNames.Dark} lang="en-us">

[thure]

Hi @shrajan28, in order to understand what the issue is we need to see a reproduction on CodeSadnbox.io. Once you do that, we can assist further.