DEV Community

denOldTimer
denOldTimer

Posted on

Create-React-App TypeScript Peer conflict with i18next v.24

Create-React-app

Installs react-scripts that uses typescript v3 || v4.
And i18next v24 uses typescript v5

Solution - Overrides.

Modify your package.json file and include overrides

"dependencies": {
    "i18next": "^24.0.5",
    "i18next-browser-languagedetector": "^8.0.0",
    "react": "^18.3.1",
    "react-dom": "^18.3.1",
    "react-i18next": "^15.1.3",
    "react-icons": "^5.4.0",
    "react-router": "^7.0.2",
    "react-scripts": "5.0.1",
    "sass": "^1.81.1",
    "sitemap": "^8.0.0",
    "typescript": "^5.7.2"
  },
  "overrides": {
    "react-scripts": {
      "typescript": "^5"
    }
  }
Enter fullscreen mode Exit fullscreen mode

next is to install typescript latest
npm install typescript

Once this is done install i18next
npm install i18next i18next-browser-languagedetector react-i18next

Top comments (0)