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 shrajan tiwari (@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.