TypeError: Cannot set properties of undefined (setting 'microsoftTeams')

[didemkkaslan]

Hello, I'm suddenly getting an error: TypeError: Cannot set properties of undefined (setting 'microsoftTeams') after upgrading to nextjs 14.2.16 but I haven't change anything related to microsoft teams package

Package.json

{
  "name": "platform-v2",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "sync-translations": "node ./scripts/sync-translations.js",
    "dev": "next dev",
    "build": "node ./scripts/sync-translations.js && next build",
    "start": "next start",
    "lint": "next lint",
    "prepare": "husky install",
    "test": "jest",
    "codegen": "graphql-codegen --config codegen.ts"
  },
  "dependencies": {
    "@amplitude/analytics-browser": "^2.3.3",
    "@ant-design/cssinjs": "1.20.0",
    "@ant-design/icons": "^5.2.6",
    "@ant-design/plots": "1.2.5",
    "@aws-amplify/adapter-nextjs": "^1.2.23",
    "@azure/msal-browser": "^3.24.0",
    "@azure/msal-react": "^2.1.0",
    "@ckeditor/ckeditor5-build-classic": "^43.3.0",
    "@ckeditor/ckeditor5-react": "^9.3.1",
    "@mantine/hooks": "^7.1.5",
    "@microsoft/teams-js": "2.30.0",
    "@react-pdf/renderer": "^3.1.13",
    "@tanstack/react-query": "^5.0.5",
    "@tanstack/react-query-devtools": "^5.8.9",
    "@types/react-highlight-words": "^0.16.6",
    "@types/uuid": "^9.0.7",
    "antd": "5.17.0",
    "apexcharts": "^3.44.0",
    "aws-amplify": "^6.6.4",
    "aws-rum-web": "^1.15.0",
    "axios": "^1.5.1",
    "clsx": "^2.0.0",
    "cookies-next": "^4.3.0",
    "dayjs": "^1.11.10",
    "docx": "^8.5.0",
    "framer-motion": "^11.11.11",
    "graphql": "^16.9.0",
    "graphql-request": "6.1.0",
    "i18next": "^23.7.15",
    "i18next-chained-backend": "^4.5.0",
    "i18next-http-backend": "^2.2.2",
    "i18next-localstorage-backend": "^4.2.0",
    "jwt-decode": "^3.1.2",
    "lodash": "^4.17.21",
    "next": "14.2.16",
    "next-i18next": "^15.1.2",
    "next-seo": "^6.1.0",
    "react": "^18.3.1",
    "react-apexcharts": "^1.4.1",
    "react-dom": "^18.3.1",
    "react-error-boundary": "^4.0.13",
    "react-google-recaptcha": "^3.1.0",
    "react-highlight-words": "^0.20.0",
    "react-i18next": "^14.0.0",
    "react-icons": "^4.11.0",
    "react-infinite-scroll-component": "^6.1.0",
    "react-markdown": "^9.0.1",
    "react-quill": "^2.0.0",
    "rehype-raw": "^7.0.0",
    "remark-gfm": "^4.0.0",
    "tailwind-merge": "^1.14.0",
    "usehooks-ts": "^2.9.1",
    "uuid": "^9.0.1",
    "zod": "^3.22.4",
    "zustand": "^4.5.2"
  },
  "devDependencies": {
    "@graphql-codegen/cli": "^5.0.3",
    "@graphql-codegen/client-preset": "^4.4.0",
    "@graphql-codegen/introspection": "^4.0.3",
    "@next/bundle-analyzer": "15.0.2",
    "@tailwindcss/typography": "^0.5.10",
    "@testing-library/jest-dom": "^6.1.4",
    "@testing-library/react": "^14.0.0",
    "@testing-library/user-event": "^14.5.1",
    "@types/jest": "^29.5.6",
    "@types/lodash": "^4.14.200",
    "@types/mixpanel-browser": "^2.47.4",
    "@types/node": "^20.8.8",
    "@types/react": "^18.3.12",
    "@types/react-dom": "^18.3.1",
    "@types/react-google-recaptcha": "^2.1.7",
    "@typescript-eslint/eslint-plugin": "^8.13.0",
    "@typescript-eslint/parser": "^8.13.0",
    "autoprefixer": "^10.4.16",
    "eslint": "^8.52.0",
    "eslint-config-airbnb": "^19.0.4",
    "eslint-config-airbnb-typescript": "^17.1.0",
    "eslint-config-next": "15.0.2",
    "eslint-config-prettier": "^9.0.0",
    "eslint-plugin-i18next": "^6.0.3",
    "eslint-plugin-import": "^2.29.0",
    "eslint-plugin-jest": "^27.4.3",
    "eslint-plugin-jest-dom": "^5.1.0",
    "eslint-plugin-jsx-a11y": "^6.7.1",
    "eslint-plugin-react": "^7.33.2",
    "eslint-plugin-testing-library": "^6.1.2",
    "husky": "^8.0.3",
    "jest": "^29.7.0",
    "jest-environment-jsdom": "^29.7.0",
    "mixpanel-browser": "^2.47.0",
    "postcss": "^8.4.31",
    "prettier": "^3.0.3",
    "prettier-plugin-tailwindcss": "^0.5.6",
    "sharp": "^0.32.6",
    "tailwindcss": "^3.3.3",
    "typescript": "^5.2.2"
  },
  "resolutions": {
    "dset": "^3.1.4"
  }
}

[microsoft-github-policy-service[bot]]

Hi didemkkaslan! Thank you for bringing this issue to our attention. We will investigate and if we require further information we will reach out in one business day. Please use this link to escalate if you don't get replies.

Best regards, Teams Platform

[noahdarveau-MSFT]

Hi @didemkkaslan, could you please tell us which version of nextjs you upgraded from. Also, just to clarify, while you mentioned you didn't make any changes around the teams-js package, did you update the teams-js version at the same time as updating the nextjs version, or was everything working with 2.30.0 prior to upgrading the nextjs version? Thanks!