next-i18next 10.5.0 → 11.1.1

package/LICENSE

@@ -1,6 +1,6 @@
-MIT License
+The MIT License (MIT)
 
-Copyright (c) 2019 Isaac Hinman
+Copyright (c) 2022 i18next
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -1,28 +1,30 @@
 # next-i18next
 
-[![npm version](https://badge.fury.io/js/next-i18next.svg)](https://badge.fury.io/js/next-i18next)
-[![CircleCI](https://circleci.com/gh/isaachinman/next-i18next.svg?style=shield)](https://circleci.com/gh/isaachinman/next-i18next)
+[![CircleCI](https://circleci.com/gh/i18next/next-i18next.svg?style=shield)](https://circleci.com/gh/i18next/next-i18next)
 [![Package Quality](https://npm.packagequality.com/shield/next-i18next.svg)](https://packagequality.com/#?package=next-i18next)
+[![npm version](https://img.shields.io/npm/v/next-i18next.svg?style=flat-square)](https://www.npmjs.com/package/next-i18next)
+![npm](https://img.shields.io/npm/dw/next-i18next)
 
-**The easiest way to translate your NextJs apps.**
+**The easiest way to translate your Next.js apps.**
 
-If you are using next-i18next in production, please consider [sponsoring the package](https://github.com/sponsors/isaachinman) with any amount you think appropriate.
+If you are using next-i18next in production and like to unleash some super powers, you may have a look at [this blog post](https://dev.to/adrai/all-side-optimized-nextjs-translations-4n9i).
+[![](https://locize.com/blog/next-i18next/next-i18next.jpg)](https://dev.to/adrai/all-side-optimized-nextjs-translations-4n9i)
 
 ## What is this?
 
-Although NextJs [provides internationalised routing directly](https://nextjs.org/docs/advanced-features/i18n-routing), it does not handle any management of translation content, or the actual translation functionality itself. All NextJs does is keep your locales and URLs in sync.
+Although Next.js [provides internationalised routing directly](https://nextjs.org/docs/advanced-features/i18n-routing), it does not handle any management of translation content, or the actual translation functionality itself. All Next.js does is keep your locales and URLs in sync.
 
 To complement this, `next-i18next` provides the remaining functionality – management of translation content, and components/hooks to translate your React components – while fully supporting SSG/SSR, multiple [namespaces](https://www.i18next.com/principles/namespaces), codesplitting, etc.
 
 While `next-i18next` uses [i18next](https://www.i18next.com/) and [react-i18next](https://github.com/i18next/react-i18next) under the hood, users of `next-i18next` simply need to include their translation content as JSON files and don't have to worry about much else.
 
-A live demo is [available here](http://next-i18next.com/). This demo app is the [simple example](./examples/simple/) - nothing more, nothing less.
+A live demo is [available here](https://next.i18next.com/). This demo app is the [simple example](./examples/simple/) - nothing more, nothing less.
 
 ## Why next-i18next?
 
 Easy to set up, easy to use: setup only takes a few steps, and configuration is simple.
 
-No other requirements: `next-i18next` simplifies internationalisation for your [NextJs](https://nextjs.org/) app without extra dependencies.
+No other requirements: `next-i18next` simplifies internationalisation for your [Next.js](https://nextjs.org/) app without extra dependencies.
 
 Production ready: `next-i18next` supports passing translations and configuration options into pages as props with SSG/SSR support.
 
@@ -33,7 +35,7 @@ After configuration, `appWithTranslation` allows us to use the `t` (translate) f
 
 Then we add `serverSideTranslation` to [getStaticProps](https://nextjs.org/docs/basic-features/data-fetching#getstaticprops-static-generation) or [getServerSideProps](https://nextjs.org/docs/basic-features/data-fetching#getserversideprops-server-side-rendering) (depending on your case) in our page-level components.
 
-Now our NextJs app is fully translatable!
+Now our Next.js app is fully translatable!
 
 ## Setup
 
@@ -65,7 +67,7 @@ If you want to structure your translations/namespaces in a custom way, you will
 
 ### 3. Project setup
 
-First, create a `next-i18next.config.js` file in the root of your project. The syntax for the nested `i18n` object [comes from NextJs directly](https://nextjs.org/docs/advanced-features/i18n-routing).
+First, create a `next-i18next.config.js` file in the root of your project. The syntax for the nested `i18n` object [comes from Next.js directly](https://nextjs.org/docs/advanced-features/i18n-routing).
 
 This tells `next-i18next` what your `defaultLocale` and other locales are, so that it can preload translations on the server:
 
@@ -153,7 +155,7 @@ export const Footer = () => {
 
 By default, `next-i18next` will send _all your namespaces_ down to the client on each initial request. This can be an appropriate approach for smaller apps with less content, but a lot of apps will benefit from splitting namespaces based on route.
 
-To do that, you can pass an array of required namespaces for each page into `serverSideTranslations`. You can see this approach in [examples/simple/pages/index.js](./examples/simple/pages/index.js). Passing in an empty array of required namespaces will send no namespaces. 
+To do that, you can pass an array of required namespaces for each page into `serverSideTranslations`. You can see this approach in [examples/simple/pages/index.js](./examples/simple/pages/index.js). Passing in an empty array of required namespaces will send no namespaces.
 
 Note: `useTranslation` provides namespaces to the component that you use it in. However, `serverSideTranslations` provides the total available namespaces to the entire React tree and belongs on the page level. Both are required.
 
@@ -179,7 +181,7 @@ module.exports = {
 
 Some `i18next` plugins (which you can pass into `config.use`) are unserialisable, as they contain functions and other JavaScript primitives.
 
-You may run into this if your use case is more advanced. You'll see NextJs throw an error like:
+You may run into this if your use case is more advanced. You'll see Next.js throw an error like:
 
 ```
 Error: Error serializing `._nextI18Next.userConfig.use[0].process` returned from `getStaticProps` in "/my-page".
@@ -213,6 +215,14 @@ export const getStaticProps = async ({ locale }) => ({
 });
 ```
 
+#### Client side loading of translations via HTTP
+
+Since [v11.0.0](https://github.com/i18next/next-i18next/releases/tag/v11.0.0) next-i18next also provides support for client side loading of translations.
+
+In some use cases, you might want to load a translation file dynamically without having to use `serverSideTranslations`. This can be especially useful for lazy-loaded components that you don't want slowing down pages.
+
+More information about that can be found [here](https://github.com/i18next/i18next-http-backend/tree/master/example/next).
+
 #### Reloading Resources in Development
 
 Because resources are loaded once when the server is started, any changes made to your translation JSON files in development will not be loaded until the server is restarted.
@@ -231,30 +241,12 @@ This option will reload your translations whenever `serverSideTranslations` is c
 | `localeStructure`   | `'{{lng}}/{{ns}}'`   | Ignored if `localePath` is a function. |
 | `reloadOnPrerender` | `false`              |                                        |
 | `serializeConfig`   | `true`               |                                        |
-| `strictMode`        | `true`               |                                        |
 | `use` (for plugins) | `[]`                 |                                        |
 
 `localePath` as a function is of the form `(locale: string, namespace: string, missing: boolean) => string` returning the entire path including filename and extension. When `missing` is true, return the path for the `addPath` option of `i18next-fs-backend`, when false, return the path for the `loadPath` option. [More info at the `i18next-fs-backend` repo.](https://github.com/i18next/i18next-fs-backend/tree/master#backend-options)
 
-All other [i18next options](https://www.i18next.com/overview/configuration-options) can be passed in as well.
-
-#### Loading Namespaces Dynamically Client Side
+All other [i18next options](https://www.i18next.com/overview/configuration-options) and [react-i18next options](https://react.i18next.com/latest/i18next-instance) can be passed in as well.
 
-In some use cases, you might want to load a translation file dynamically without having to use `serverSideTranslations`. This can be especially useful for lazy-loaded components that you don't want slowing down pages.
-
-This can easily be done by using [addResourceBundle](https://www.i18next.com/how-to/add-or-load-translations#add-after-init):
-
-```tsx
-import { i18n } from 'next-i18next'
-
-const Component = () => {
-  const { locale } = useRouter()
-
-  useEffect(() => {
-    i18n.addResourceBundle(locale, '<namespace name>')
-  }, [])
-}
-```
 
 #### Custom interpolation prefix/suffix
 
@@ -277,15 +269,11 @@ For example, if you want to use `{` and `}` the config would look like this:
 }
 ```
 
-## Migration to v8
-
-To migrate from previous versions to the version 8, check out the [v8-migration guide](https://github.com/isaachinman/next-i18next/tree/master/docs/v8-migration.md)
-
 ## Notes
 
 ### Vercel and Netlify
 
-Some serverless PaaS may not be able to locate the path of your translations and require additional configuration. If you have filesystem issues using `serverSideTranslations`, set `config.localePath` to use `path.resolve`. An example can be [found here](https://github.com/isaachinman/next-i18next/issues/1552#issuecomment-981156476).
+Some serverless PaaS may not be able to locate the path of your translations and require additional configuration. If you have filesystem issues using `serverSideTranslations`, set `config.localePath` to use `path.resolve`. An example can be [found here](https://github.com/i18next/next-i18next/issues/1552#issuecomment-981156476).
 
 
 ### Docker
@@ -300,34 +288,73 @@ COPY --from=builder /app/next-i18next.config.js ./next-i18next.config.js
 ### Asynchronous i18next backends
 
 If you choose to use an i18next backend different to the built-in [i18next-fs-backend](https://github.com/i18next/i18next-fs-backend), you will need to ensure the translation resources are loaded before you call the `t` function.
-Since [React suspense is not yet supported for SSR](https://github.com/isaachinman/next-i18next/issues/1255), this can be solved in 2 different ways:
+Since [React suspense is not yet supported for SSR](https://github.com/i18next/next-i18next/issues/1255), this can be solved in 2 different ways:
 
 **1) Preload the namespaces:**
 
-Set the `ns` option, like in [this example](https://github.com/locize/next-i18next-locize/blob/main/next-i18next.config.js#L17). Doing this will ensure all translation resources are loaded on initialization.
+Set the `ns` option, like in [this example](https://github.com/locize/next-i18next-locize/blob/main/next-i18next.config.js#L48). Doing this will ensure all translation resources are loaded on initialization.
 
 **2) Check the ready flag:**
 
 If you cannot or do not want to provide the `ns` array, calls to the `t` function will cause namespaces to be loaded on the fly. This means you'll need to handle the "not ready" state by checking `ready === true` or `props.tReady === true`. Not doing so will result in rendering your translations before they loaded, which will cause "save missing" be called despite the translations actually existing (just yet not loaded).
 This can be done with the [useTranslation hook](https://react.i18next.com/latest/usetranslation-hook#not-using-suspense) or the [withTranslation HOC](https://react.i18next.com/latest/withtranslation-hoc#not-using-suspense).
 
+
+### Static HTML Export SSG
+
+Are you trying to generate a [static HTML export](https://nextjs.org/docs/advanced-features/static-html-export) by executing `next export` and are getting this error?
+>Error: i18n support is not compatible with next export. See here for more info on deploying: https://nextjs.org/docs/deployment
+
+But there's a way to workaround that with the help of [next-language-detector](https://github.com/i18next/next-language-detector).
+Check out [this blog post](https://dev.to/adrai/static-html-export-with-i18n-compatibility-in-nextjs-8cd) and [this example project](./examples/ssg/).
+[![](https://locize.com/blog/next-i18n-static/title.jpg)](https://dev.to/adrai/static-html-export-with-i18n-compatibility-in-nextjs-8cd)
+
 ## Contributors
 
 Thanks goes to these wonderful people ([emoji key](https://github.com/kentcdodds/all-contributors#emoji-key)):
 
 <!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
-<!-- prettier-ignore -->
-<table cellspacing="0" cellpadding="1"><tr><td><a href="https://github.com/capellini"><img src="https://avatars3.githubusercontent.com/u/75311?v=4" width="100px;" height="100px;" alt="Rob Capellini"/><br /><sub><b>Rob Capellini</b></sub></a><br /><a href="https://github.com/isaachinman/next-i18next/commits?author=capellini" title="Code">💻</a> <a href="https://github.com/isaachinman/next-i18next/commits?author=capellini" title="Tests">⚠️</a></td><td><a href="https://en.kachkaev.ru"><img src="https://avatars3.githubusercontent.com/u/608862?v=4" width="100px;" height="100px;" alt="Alexander Kachkaev"/><br /><sub><b>Alexander Kachkaev</b></sub></a><br /><a href="#talk-kachkaev" title="Talks">📢</a> <a href="#question-kachkaev" title="Answering Questions">💬</a> <a href="#ideas-kachkaev" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/isaachinman/next-i18next/commits?author=kachkaev" title="Code">💻</a> <a href="https://github.com/isaachinman/next-i18next/commits?author=kachkaev" title="Tests">⚠️</a></td><td><a href="https://kandelborg.dk"><img src="https://avatars1.githubusercontent.com/u/33042011?v=4" width="100px;" height="100px;" alt="Mathias Wøbbe"/><br /><sub><b>Mathias Wøbbe</b></sub></a><br /><a href="https://github.com/isaachinman/next-i18next/commits?author=MathiasKandelborg" title="Code">💻</a> <a href="#ideas-MathiasKandelborg" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/isaachinman/next-i18next/commits?author=MathiasKandelborg" title="Tests">⚠️</a></td><td><a href="http://lucasfeliciano.com"><img src="https://avatars3.githubusercontent.com/u/968014?v=4" width="100px;" height="100px;" alt="Lucas Feliciano"/><br /><sub><b>Lucas Feliciano</b></sub></a><br /><a href="#ideas-lucasfeliciano" title="Ideas, Planning, & Feedback">🤔</a> <a href="#review-lucasfeliciano" title="Reviewed Pull Requests">👀</a></td><td><a href="http://www.fifteenprospects.com"><img src="https://avatars2.githubusercontent.com/u/6932550?v=4" width="100px;" height="100px;" alt="Ryan Leung"/><br /><sub><b>Ryan Leung</b></sub></a><br /><a href="https://github.com/isaachinman/next-i18next/commits?author=minocys" title="Code">💻</a></td><td><a href="http://nathanfriemel.com"><img src="https://avatars3.githubusercontent.com/u/1325835?v=4" width="100px;" height="100px;" alt="Nathan Friemel"/><br /><sub><b>Nathan Friemel</b></sub></a><br /><a href="https://github.com/isaachinman/next-i18next/commits?author=nathanfriemel" title="Code">💻</a> <a href="https://github.com/isaachinman/next-i18next/commits?author=nathanfriemel" title="Documentation">📖</a> <a href="#example-nathanfriemel" title="Examples">💡</a> <a href="#ideas-nathanfriemel" title="Ideas, Planning, & Feedback">🤔</a></td></tr></table>
+<!-- prettier-ignore-start -->
+<!-- markdownlint-disable -->
+<table>
+   <tr>
+      <td align="center"><a href="https://locize.com/"><img src="https://avatars.githubusercontent.com/u/1086194?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Adriano Raiano</b></sub></a><br /><a href="#question-adrai" title="Answering Questions">💬</a> <a href="#blog-adrai" title="Blogposts">📝</a> <a href="https://github.com/i18next/next-i18next/issues?q=author%3Aadrai" title="Bug reports">🐛</a> <a href="https://github.com/i18next/next-i18next/commits?author=adrai" title="Code">💻</a> <a href="https://github.com/i18next/next-i18next/commits?author=adrai" title="Documentation">📖</a>  <a href="#example-adrai" title="Examples">💡</a> <a href="https://github.com/i18next/next-i18next/pulls?q=is%3Apr+reviewed-by%3Aadrai" title="Reviewed Pull Requests">👀</a> <a href="https://github.com/i18next/next-i18next/commits?author=adrai" title="Tests">⚠️</a> <a href="#tutorial-adrai" title="Tutorials">✅</a></td>
+      <td align="center"><a href="https://isaachinman.com/"><img src="https://avatars.githubusercontent.com/u/10575782?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Isaac Hinman</b></sub></a><br /><a href="#question-isaachinman" title="Answering Questions">💬</a> <a href="https://github.com/i18next/next-i18next/commits?author=isaachinman" title="Code">💻</a> <a href="#content-isaachinman" title="Content">🖋</a> <a href="https://github.com/i18next/next-i18next/commits?author=isaachinman" title="Documentation">📖</a> <a href="#example-isaachinman" title="Examples">💡</a> <a href="https://github.com/i18next/next-i18next/pulls?q=is%3Apr+reviewed-by%3Aisaachinman" title="Reviewed Pull Requests">👀</a></td>
+      <td align="center"><a href="https://github.com/capellini"><img src="https://avatars3.githubusercontent.com/u/75311?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Rob Capellini</b></sub></a><br /><a href="https://github.com/i18next/next-i18next/commits?author=capellini" title="Code">💻</a> <a href="https://github.com/i18next/next-i18next/commits?author=capellini" title="Tests">⚠️</a></td>
+      <td align="center"><a href="https://en.kachkaev.ru"><img src="https://avatars3.githubusercontent.com/u/608862?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Alexander Kachkaev</b></sub></a><br /><a href="#talk-kachkaev" title="Talks">📢</a> <a href="#question-kachkaev" title="Answering Questions">💬</a> <a href="#ideas-kachkaev" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/i18next/next-i18next/commits?author=kachkaev" title="Code">💻</a> <a href="https://github.com/i18next/next-i18next/commits?author=kachkaev" title="Tests">⚠️</a></td>
+      <td align="center"><a href="https://github.com/felixmosh"><img src="https://avatars.githubusercontent.com/u/9304194?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Felix Mosheev</b></sub></a><br /><a href="#question-felixmosh" title="Answering Questions">💬</a> <a href="https://github.com/i18next/next-i18next/commits?author=felixmosh" title="Code">💻</a> <a href="#talk-felixmosh" title="Talks">📢</a> <a href="https://github.com/i18next/next-i18next/commits?author=felixmosh" title="Tests">⚠️</a></td>
+      <td align="center"><a href="https://kandelborg.dk"><img src="https://avatars1.githubusercontent.com/u/33042011?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Mathias Wøbbe</b></sub></a><br /><a href="https://github.com/i18next/next-i18next/commits?author=MathiasKandelborg" title="Code">💻</a> <a href="#ideas-MathiasKandelborg" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/i18next/next-i18next/commits?author=MathiasKandelborg" title="Tests">⚠️</a></td>
+      <td align="center"><a href="http://lucasfeliciano.com"><img src="https://avatars3.githubusercontent.com/u/968014?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Lucas Feliciano</b></sub></a><br /><a href="#ideas-lucasfeliciano" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/i18next/next-i18next/pulls?q=is%3Apr+reviewed-by%3Alucasfeliciano" title="Reviewed Pull Requests">👀</a></td>
+   </tr>
+</table>
+
+<!-- markdownlint-restore -->
+<!-- prettier-ignore-end -->
 <!-- ALL-CONTRIBUTORS-LIST:END -->
 
 This project follows the [all-contributors](https://github.com/kentcdodds/all-contributors) specification. Contributions of any kind welcome!
 
-## Sponsors
+---
+
+<h3 align="center">Gold Sponsors</h3>
+
+<p align="center">
+  <a href="https://locize.com/" target="_blank">
+    <img src="https://raw.githubusercontent.com/i18next/i18next/master/assets/locize_sponsor_240.gif" width="240px">
+  </a>
+  <a href="https://localistars.com/" target="_blank">
+    <img src="https://raw.githubusercontent.com/i18next/i18next/master/assets/localistars_sponsor_240.gif" width="240px">
+  </a>
+</p>
+
+---
+
+**localization as a service - locize.com**
+
+Needing a translation management? Want to edit your translations with an InContext Editor? Use the original provided to you by the maintainers of i18next!
+
+![locize](https://locize.com/img/ads/github_locize.png)
 
-<a href="https://locize.com/" target="_blank">
-  <img src="https://raw.githubusercontent.com/i18next/i18next/master/assets/locize_sponsor_240.gif" width="240px">
-</a>
+With using [locize](http://locize.com/?utm_source=next_i18next_readme&utm_medium=github) you directly support the future of i18next and react-i18next.
 
-<a href="https://www.browserstack.com/" target="_blank">
-  <img src="https://miro.medium.com/max/560/0*dLdslKvNsmtaH2uQ.png" width="240px">
-</a>
+---

package/dist/commonjs/appWithTranslation.js

@@ -41,6 +41,7 @@ Object.defineProperty(exports, "Trans", {
     return _reactI18next.Trans;
   }
 });
+exports.globalI18n = exports.appWithTranslation = void 0;
 Object.defineProperty(exports, "useTranslation", {
   enumerable: true,
   get: function get() {
@@ -53,7 +54,6 @@ Object.defineProperty(exports, "withTranslation", {
     return _reactI18next.withTranslation;
   }
 });
-exports.appWithTranslation = exports.globalI18n = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
@@ -86,23 +86,22 @@ var appWithTranslation = function appWithTranslation(WrappedComponent) {
   var configOverride = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
 
   var AppWithTranslation = function AppWithTranslation(props) {
-    var _nextI18Next$initialL;
+    var _nextI18Next$initialL, _props$router;
 
     var _ref = props.pageProps,
         _nextI18Next = _ref._nextI18Next;
-    var locale = (_nextI18Next$initialL = _nextI18Next === null || _nextI18Next === void 0 ? void 0 : _nextI18Next.initialLocale) !== null && _nextI18Next$initialL !== void 0 ? _nextI18Next$initialL : null; // Memoize the instance and only re-initialize when either:
+    var locale = (_nextI18Next$initialL = _nextI18Next === null || _nextI18Next === void 0 ? void 0 : _nextI18Next.initialLocale) !== null && _nextI18Next$initialL !== void 0 ? _nextI18Next$initialL : props === null || props === void 0 ? void 0 : (_props$router = props.router) === null || _props$router === void 0 ? void 0 : _props$router.locale; // Memoize the instance and only re-initialize when either:
     // 1. The route changes (non-shallowly)
     // 2. Router locale changes
+    // 3. UserConfig override changes
 
     var i18n = (0, _react.useMemo)(function () {
-      var _userConfig;
+      var _userConfig, _userConfig2, _userConfig2$i18n;
 
-      if (!_nextI18Next) return null;
-      var userConfig = _nextI18Next.userConfig;
-      var initialI18nStore = _nextI18Next.initialI18nStore;
-      var resources = configOverride !== null && configOverride !== void 0 && configOverride.resources ? configOverride.resources : initialI18nStore;
+      if (!_nextI18Next && !configOverride) return null;
+      var userConfig = configOverride !== null && configOverride !== void 0 ? configOverride : _nextI18Next === null || _nextI18Next === void 0 ? void 0 : _nextI18Next.userConfig;
 
-      if (userConfig === null && configOverride === null) {
+      if (!userConfig && configOverride === null) {
         throw new Error('appWithTranslation was called without a next-i18next config');
       }
 
@@ -114,6 +113,15 @@ var appWithTranslation = function appWithTranslation(WrappedComponent) {
         throw new Error('appWithTranslation was called without config.i18n');
       }
 
+      if (!((_userConfig2 = userConfig) !== null && _userConfig2 !== void 0 && (_userConfig2$i18n = _userConfig2.i18n) !== null && _userConfig2$i18n !== void 0 && _userConfig2$i18n.defaultLocale)) {
+        throw new Error('config.i18n does not include a defaultLocale property');
+      }
+
+      var _ref2 = _nextI18Next || {},
+          initialI18nStore = _ref2.initialI18nStore;
+
+      var resources = configOverride !== null && configOverride !== void 0 && configOverride.resources ? configOverride.resources : initialI18nStore;
+      if (!locale) locale = userConfig.i18n.defaultLocale;
       var instance = (0, _createClient["default"])(_objectSpread(_objectSpread({}, (0, _createConfig.createConfig)(_objectSpread(_objectSpread({}, userConfig), {}, {
         lng: locale
       }))), {}, {
@@ -122,7 +130,7 @@ var appWithTranslation = function appWithTranslation(WrappedComponent) {
       })).i18n;
       exports.globalI18n = globalI18n = instance;
       return instance;
-    }, [_nextI18Next, locale]);
+    }, [_nextI18Next, locale, configOverride]);
     return i18n !== null ? __jsx(_reactI18next.I18nextProvider, {
       i18n: i18n
     }, __jsx(WrappedComponent, (0, _extends2["default"])({

package/dist/commonjs/config/createConfig.js

@@ -4,8 +4,6 @@ require("core-js/modules/es.object.keys.js");
 
 require("core-js/modules/es.symbol.js");
 
-require("core-js/modules/es.array.filter.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
 
 require("core-js/modules/web.dom-collections.for-each.js");
@@ -31,10 +29,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.createConfig = void 0;
 
-require("core-js/modules/es.array.some.js");
+require("core-js/modules/es.array.filter.js");
 
 require("core-js/modules/es.object.to-string.js");
 
+require("core-js/modules/es.array.some.js");
+
 require("core-js/modules/es.regexp.exec.js");
 
 require("core-js/modules/es.string.replace.js");
@@ -67,6 +67,8 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -107,13 +109,15 @@ var createConfig = function createConfig(userConfig) {
 
   var defaultNS = combinedConfig.defaultNS,
       lng = combinedConfig.lng,
-      locales = combinedConfig.locales,
       localeExtension = combinedConfig.localeExtension,
       localePath = combinedConfig.localePath,
       localeStructure = combinedConfig.localeStructure;
+  var locales = combinedConfig.locales.filter(function (l) {
+    return l !== 'default';
+  });
   /**
    * Skips translation file resolution while in cimode
-   * https://github.com/isaachinman/next-i18next/pull/851#discussion_r503113620
+   * https://github.com/i18next/next-i18next/pull/851#discussion_r503113620
   */
 
   if (lng === 'cimode') {
@@ -122,6 +126,12 @@ var createConfig = function createConfig(userConfig) {
 
   if (typeof combinedConfig.fallbackLng === 'undefined') {
     combinedConfig.fallbackLng = combinedConfig.defaultLocale;
+
+    if (combinedConfig.fallbackLng === 'default') {
+      var _locales = (0, _slicedToArray2["default"])(locales, 1);
+
+      combinedConfig.fallbackLng = _locales[0];
+    }
   }
 
   var hasCustomBackend = userConfig === null || userConfig === void 0 ? void 0 : (_userConfig$use = userConfig.use) === null || _userConfig$use === void 0 ? void 0 : _userConfig$use.some(function (b) {
@@ -136,7 +146,7 @@ var createConfig = function createConfig(userConfig) {
 
       var path = require('path'); //
       // Validate defaultNS
-      // https://github.com/isaachinman/next-i18next/issues/358
+      // https://github.com/i18next/next-i18next/issues/358
       //
 
 

package/dist/commonjs/config/defaultConfig.js

@@ -36,7 +36,6 @@ var defaultConfig = {
   },
   reloadOnPrerender: false,
   serializeConfig: true,
-  strictMode: true,
   use: []
 };
 exports.defaultConfig = defaultConfig;

package/dist/commonjs/index.js

@@ -23,28 +23,28 @@ Object.defineProperty(exports, "Translation", {
     return _reactI18next.Translation;
   }
 });
-Object.defineProperty(exports, "useTranslation", {
+Object.defineProperty(exports, "appWithTranslation", {
   enumerable: true,
   get: function get() {
-    return _reactI18next.useTranslation;
+    return _appWithTranslation.appWithTranslation;
   }
 });
-Object.defineProperty(exports, "withTranslation", {
+Object.defineProperty(exports, "i18n", {
   enumerable: true,
   get: function get() {
-    return _reactI18next.withTranslation;
+    return _appWithTranslation.globalI18n;
   }
 });
-Object.defineProperty(exports, "appWithTranslation", {
+Object.defineProperty(exports, "useTranslation", {
   enumerable: true,
   get: function get() {
-    return _appWithTranslation.appWithTranslation;
+    return _reactI18next.useTranslation;
   }
 });
-Object.defineProperty(exports, "i18n", {
+Object.defineProperty(exports, "withTranslation", {
   enumerable: true,
   get: function get() {
-    return _appWithTranslation.globalI18n;
+    return _reactI18next.withTranslation;
   }
 });
 

package/dist/commonjs/types.js

@@ -5,28 +5,16 @@ require("core-js/modules/es.object.define-property.js");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "I18nContext", {
-  enumerable: true,
-  get: function get() {
-    return _reactI18next.I18nContext;
-  }
-});
-Object.defineProperty(exports, "useTranslation", {
-  enumerable: true,
-  get: function get() {
-    return _reactI18next.useTranslation;
-  }
-});
-Object.defineProperty(exports, "Trans", {
+Object.defineProperty(exports, "DefaultNamespace", {
   enumerable: true,
   get: function get() {
-    return _reactI18next.Trans;
+    return _reactI18next.DefaultNamespace;
   }
 });
-Object.defineProperty(exports, "withTranslation", {
+Object.defineProperty(exports, "I18nContext", {
   enumerable: true,
   get: function get() {
-    return _reactI18next.withTranslation;
+    return _reactI18next.I18nContext;
   }
 });
 Object.defineProperty(exports, "Resources", {
@@ -35,10 +23,10 @@ Object.defineProperty(exports, "Resources", {
     return _reactI18next.Resources;
   }
 });
-Object.defineProperty(exports, "DefaultNamespace", {
+Object.defineProperty(exports, "Trans", {
   enumerable: true,
   get: function get() {
-    return _reactI18next.DefaultNamespace;
+    return _reactI18next.Trans;
   }
 });
 Object.defineProperty(exports, "Translation", {
@@ -59,6 +47,18 @@ Object.defineProperty(exports, "i18n", {
     return _.i18n;
   }
 });
+Object.defineProperty(exports, "useTranslation", {
+  enumerable: true,
+  get: function get() {
+    return _reactI18next.useTranslation;
+  }
+});
+Object.defineProperty(exports, "withTranslation", {
+  enumerable: true,
+  get: function get() {
+    return _reactI18next.withTranslation;
+  }
+});
 
 var _reactI18next = require("react-i18next");
 

package/dist/es/appWithTranslation.js

@@ -1,4 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React, { useMemo } from 'react';
 import hoistNonReactStatics from 'hoist-non-react-statics';
@@ -12,23 +12,16 @@ export const appWithTranslation = (WrappedComponent, configOverride = null) => {
     const {
       _nextI18Next
     } = props.pageProps;
-    const locale = (_nextI18Next === null || _nextI18Next === void 0 ? void 0 : _nextI18Next.initialLocale) ?? null; // Memoize the instance and only re-initialize when either:
+    let locale = _nextI18Next?.initialLocale ?? props?.router?.locale; // Memoize the instance and only re-initialize when either:
     // 1. The route changes (non-shallowly)
     // 2. Router locale changes
+    // 3. UserConfig override changes
 
     const i18n = useMemo(() => {
-      var _userConfig;
+      if (!_nextI18Next && !configOverride) return null;
+      let userConfig = configOverride ?? _nextI18Next?.userConfig;
 
-      if (!_nextI18Next) return null;
-      let {
-        userConfig
-      } = _nextI18Next;
-      const {
-        initialI18nStore
-      } = _nextI18Next;
-      const resources = configOverride !== null && configOverride !== void 0 && configOverride.resources ? configOverride.resources : initialI18nStore;
-
-      if (userConfig === null && configOverride === null) {
+      if (!userConfig && configOverride === null) {
         throw new Error('appWithTranslation was called without a next-i18next config');
       }
 
@@ -36,10 +29,19 @@ export const appWithTranslation = (WrappedComponent, configOverride = null) => {
         userConfig = configOverride;
       }
 
-      if (!((_userConfig = userConfig) !== null && _userConfig !== void 0 && _userConfig.i18n)) {
+      if (!userConfig?.i18n) {
         throw new Error('appWithTranslation was called without config.i18n');
       }
 
+      if (!userConfig?.i18n?.defaultLocale) {
+        throw new Error('config.i18n does not include a defaultLocale property');
+      }
+
+      const {
+        initialI18nStore
+      } = _nextI18Next || {};
+      const resources = configOverride?.resources ? configOverride.resources : initialI18nStore;
+      if (!locale) locale = userConfig.i18n.defaultLocale;
       const instance = createClient({ ...createConfig({ ...userConfig,
           lng: locale
         }),
@@ -48,7 +50,7 @@ export const appWithTranslation = (WrappedComponent, configOverride = null) => {
       }).i18n;
       globalI18n = instance;
       return instance;
-    }, [_nextI18Next, locale]);
+    }, [_nextI18Next, locale, configOverride]);
     return i18n !== null ? /*#__PURE__*/React.createElement(I18nextProvider, {
       i18n: i18n
     }, /*#__PURE__*/React.createElement(WrappedComponent, _extends({

package/dist/es/config/createConfig.js

@@ -1,9 +1,7 @@
 import { defaultConfig } from './defaultConfig';
 const deepMergeObjects = ['backend', 'detection'];
 export const createConfig = userConfig => {
-  var _userConfig$use;
-
-  if (typeof (userConfig === null || userConfig === void 0 ? void 0 : userConfig.lng) !== 'string') {
+  if (typeof userConfig?.lng !== 'string') {
     throw new Error('config.lng was not passed into createConfig');
   } //
   // Initial merge of default and user-provided config
@@ -26,14 +24,14 @@ export const createConfig = userConfig => {
   const {
     defaultNS,
     lng,
-    locales,
     localeExtension,
     localePath,
     localeStructure
   } = combinedConfig;
+  const locales = combinedConfig.locales.filter(l => l !== 'default');
   /**
    * Skips translation file resolution while in cimode
-   * https://github.com/isaachinman/next-i18next/pull/851#discussion_r503113620
+   * https://github.com/i18next/next-i18next/pull/851#discussion_r503113620
   */
 
   if (lng === 'cimode') {
@@ -42,9 +40,10 @@ export const createConfig = userConfig => {
 
   if (typeof combinedConfig.fallbackLng === 'undefined') {
     combinedConfig.fallbackLng = combinedConfig.defaultLocale;
+    if (combinedConfig.fallbackLng === 'default') [combinedConfig.fallbackLng] = locales;
   }
 
-  const hasCustomBackend = userConfig === null || userConfig === void 0 ? void 0 : (_userConfig$use = userConfig.use) === null || _userConfig$use === void 0 ? void 0 : _userConfig$use.some(b => b.type === 'backend');
+  const hasCustomBackend = userConfig?.use?.some(b => b.type === 'backend');
 
   if (!process.browser && typeof window === 'undefined') {
     combinedConfig.preload = locales;
@@ -54,16 +53,14 @@ export const createConfig = userConfig => {
 
       const path = require('path'); //
       // Validate defaultNS
-      // https://github.com/isaachinman/next-i18next/issues/358
+      // https://github.com/i18next/next-i18next/issues/358
       //
 
 
       if (typeof defaultNS === 'string' && typeof lng !== 'undefined') {
         if (typeof localePath === 'string') {
-          var _userConfig$interpola, _userConfig$interpola2;
-
-          const prefix = (userConfig === null || userConfig === void 0 ? void 0 : (_userConfig$interpola = userConfig.interpolation) === null || _userConfig$interpola === void 0 ? void 0 : _userConfig$interpola.prefix) ?? '{{';
-          const suffix = (userConfig === null || userConfig === void 0 ? void 0 : (_userConfig$interpola2 = userConfig.interpolation) === null || _userConfig$interpola2 === void 0 ? void 0 : _userConfig$interpola2.suffix) ?? '}}';
+          const prefix = userConfig?.interpolation?.prefix ?? '{{';
+          const suffix = userConfig?.interpolation?.suffix ?? '}}';
           const defaultLocaleStructure = localeStructure.replace(`${prefix}lng${suffix}`, lng).replace(`${prefix}ns${suffix}`, defaultNS);
           const defaultFile = `/${defaultLocaleStructure}.${localeExtension}`;
           const defaultNSPath = path.join(localePath, defaultFile);

package/dist/es/config/defaultConfig.js

@@ -28,6 +28,5 @@ export const defaultConfig = {
   },
   reloadOnPrerender: false,
   serializeConfig: true,
-  strictMode: true,
   use: []
 };

package/dist/es/createClient/browser.js

@@ -4,9 +4,7 @@ export default (config => {
   let initPromise;
 
   if (!instance.isInitialized) {
-    var _config$use;
-
-    config === null || config === void 0 ? void 0 : (_config$use = config.use) === null || _config$use === void 0 ? void 0 : _config$use.forEach(x => instance.use(x));
+    config?.use?.forEach(x => instance.use(x));
     initPromise = instance.init(config);
   } else {
     initPromise = Promise.resolve(i18n.t);

package/dist/es/createClient/node.js

@@ -16,15 +16,13 @@ export default (config => {
   let initPromise;
 
   if (!instance.isInitialized) {
-    var _config$use, _config$use2;
-
-    const hasCustomBackend = config === null || config === void 0 ? void 0 : (_config$use = config.use) === null || _config$use === void 0 ? void 0 : _config$use.some(b => b.type === 'backend');
+    const hasCustomBackend = config?.use?.some(b => b.type === 'backend');
 
     if (!hasCustomBackend) {
       instance.use(i18nextFSBackend);
     }
 
-    config === null || config === void 0 ? void 0 : (_config$use2 = config.use) === null || _config$use2 === void 0 ? void 0 : _config$use2.forEach(x => instance.use(x));
+    config?.use?.forEach(x => instance.use(x));
     initPromise = instance.init(config);
   } else {
     initPromise = Promise.resolve(i18n.t);

package/dist/es/serverSideTranslations.js

@@ -57,7 +57,7 @@ export const serverSideTranslations = async (initialLocale, namespacesRequired =
   } = config;
 
   if (reloadOnPrerender) {
-    await (globalI18n === null || globalI18n === void 0 ? void 0 : globalI18n.reloadResources());
+    await globalI18n?.reloadResources();
   }
 
   const {

package/dist/esm/appWithTranslation.js

@@ -17,23 +17,22 @@ export var appWithTranslation = function appWithTranslation(WrappedComponent) {
   var configOverride = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
 
   var AppWithTranslation = function AppWithTranslation(props) {
-    var _nextI18Next$initialL;
+    var _nextI18Next$initialL, _props$router;
 
     var _ref = props.pageProps,
         _nextI18Next = _ref._nextI18Next;
-    var locale = (_nextI18Next$initialL = _nextI18Next === null || _nextI18Next === void 0 ? void 0 : _nextI18Next.initialLocale) !== null && _nextI18Next$initialL !== void 0 ? _nextI18Next$initialL : null; // Memoize the instance and only re-initialize when either:
+    var locale = (_nextI18Next$initialL = _nextI18Next === null || _nextI18Next === void 0 ? void 0 : _nextI18Next.initialLocale) !== null && _nextI18Next$initialL !== void 0 ? _nextI18Next$initialL : props === null || props === void 0 ? void 0 : (_props$router = props.router) === null || _props$router === void 0 ? void 0 : _props$router.locale; // Memoize the instance and only re-initialize when either:
     // 1. The route changes (non-shallowly)
     // 2. Router locale changes
+    // 3. UserConfig override changes
 
     var i18n = useMemo(function () {
-      var _userConfig;
+      var _userConfig, _userConfig2, _userConfig2$i18n;
 
-      if (!_nextI18Next) return null;
-      var userConfig = _nextI18Next.userConfig;
-      var initialI18nStore = _nextI18Next.initialI18nStore;
-      var resources = configOverride !== null && configOverride !== void 0 && configOverride.resources ? configOverride.resources : initialI18nStore;
+      if (!_nextI18Next && !configOverride) return null;
+      var userConfig = configOverride !== null && configOverride !== void 0 ? configOverride : _nextI18Next === null || _nextI18Next === void 0 ? void 0 : _nextI18Next.userConfig;
 
-      if (userConfig === null && configOverride === null) {
+      if (!userConfig && configOverride === null) {
         throw new Error('appWithTranslation was called without a next-i18next config');
       }
 
@@ -45,6 +44,15 @@ export var appWithTranslation = function appWithTranslation(WrappedComponent) {
         throw new Error('appWithTranslation was called without config.i18n');
       }
 
+      if (!((_userConfig2 = userConfig) !== null && _userConfig2 !== void 0 && (_userConfig2$i18n = _userConfig2.i18n) !== null && _userConfig2$i18n !== void 0 && _userConfig2$i18n.defaultLocale)) {
+        throw new Error('config.i18n does not include a defaultLocale property');
+      }
+
+      var _ref2 = _nextI18Next || {},
+          initialI18nStore = _ref2.initialI18nStore;
+
+      var resources = configOverride !== null && configOverride !== void 0 && configOverride.resources ? configOverride.resources : initialI18nStore;
+      if (!locale) locale = userConfig.i18n.defaultLocale;
       var instance = createClient(_objectSpread(_objectSpread({}, createConfig(_objectSpread(_objectSpread({}, userConfig), {}, {
         lng: locale
       }))), {}, {
@@ -53,7 +61,7 @@ export var appWithTranslation = function appWithTranslation(WrappedComponent) {
       })).i18n;
       globalI18n = instance;
       return instance;
-    }, [_nextI18Next, locale]);
+    }, [_nextI18Next, locale, configOverride]);
     return i18n !== null ? __jsx(I18nextProvider, {
       i18n: i18n
     }, __jsx(WrappedComponent, _extends({

package/dist/esm/config/createConfig.js

@@ -1,5 +1,6 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _typeof from "@babel/runtime/helpers/typeof";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["i18n"],
@@ -37,13 +38,15 @@ export var createConfig = function createConfig(userConfig) {
 
   var defaultNS = combinedConfig.defaultNS,
       lng = combinedConfig.lng,
-      locales = combinedConfig.locales,
       localeExtension = combinedConfig.localeExtension,
       localePath = combinedConfig.localePath,
       localeStructure = combinedConfig.localeStructure;
+  var locales = combinedConfig.locales.filter(function (l) {
+    return l !== 'default';
+  });
   /**
    * Skips translation file resolution while in cimode
-   * https://github.com/isaachinman/next-i18next/pull/851#discussion_r503113620
+   * https://github.com/i18next/next-i18next/pull/851#discussion_r503113620
   */
 
   if (lng === 'cimode') {
@@ -52,6 +55,12 @@ export var createConfig = function createConfig(userConfig) {
 
   if (typeof combinedConfig.fallbackLng === 'undefined') {
     combinedConfig.fallbackLng = combinedConfig.defaultLocale;
+
+    if (combinedConfig.fallbackLng === 'default') {
+      var _locales = _slicedToArray(locales, 1);
+
+      combinedConfig.fallbackLng = _locales[0];
+    }
   }
 
   var hasCustomBackend = userConfig === null || userConfig === void 0 ? void 0 : (_userConfig$use = userConfig.use) === null || _userConfig$use === void 0 ? void 0 : _userConfig$use.some(function (b) {
@@ -66,7 +75,7 @@ export var createConfig = function createConfig(userConfig) {
 
       var path = require('path'); //
       // Validate defaultNS
-      // https://github.com/isaachinman/next-i18next/issues/358
+      // https://github.com/i18next/next-i18next/issues/358
       //
 
 

package/dist/esm/config/defaultConfig.js

@@ -28,6 +28,5 @@ export var defaultConfig = {
   },
   reloadOnPrerender: false,
   serializeConfig: true,
-  strictMode: true,
   use: []
 };

package/dist/types/config/defaultConfig.d.ts

@@ -18,6 +18,5 @@ export declare const defaultConfig: {
     };
     reloadOnPrerender: boolean;
     serializeConfig: boolean;
-    strictMode: boolean;
     use: never[];
 };

package/dist/types/types.d.ts

@@ -12,7 +12,6 @@ export declare type UserConfig = {
     localeStructure?: string;
     reloadOnPrerender?: boolean;
     serializeConfig?: boolean;
-    strictMode?: boolean;
     use?: any[];
 } & InitOptions;
 export declare type InternalConfig = Omit<UserConfig, 'i18n'> & NextJsI18NConfig & {

package/package.json

@@ -1,12 +1,22 @@
 {
   "name": "next-i18next",
-  "version": "10.5.0",
-  "repository": "git@github.com:isaachinman/next-i18next.git",
-  "author": "Isaac Hinman <isaac@isaachinman.com>",
-  "funding": {
-    "type": "github",
-    "url": "https://github.com/sponsors/isaachinman"
-  },
+  "version": "11.1.1",
+  "repository": "git@github.com:i18next/next-i18next.git",
+  "author": "i18next",
+  "funding": [
+    {
+      "type": "individual",
+      "url": "https://locize.com"
+    },
+    {
+      "type": "individual",
+      "url": "https://locize.com/i18next.html"
+    },
+    {
+      "type": "individual",
+      "url": "https://www.i18next.com/how-to/faq#i18next-is-awesome.-how-can-i-support-the-project"
+    }
+  ],
   "main": "dist/commonjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/types.d.ts",
@@ -28,94 +38,105 @@
   "scripts": {
     "check-types": "tsc --noEmit",
     "lint": "eslint src examples",
-    "clean": "rm -rf examples/simple/.next && rm -rf dist && mkdir dist",
+    "clean": "rm -rf examples/simple/.next && rm -rf examples/ssg/.next && rm -rf dist && mkdir dist",
     "build:es": "BABEL_ENV=es babel src --extensions '.ts,.tsx' --out-dir dist/es --copy-files",
     "build:cjs": "BABEL_ENV=cjs babel src --extensions '.ts,.tsx' --out-dir dist/commonjs --copy-files",
     "build:esm": "BABEL_ENV=esm babel src --extensions '.ts,.tsx' --out-dir dist/esm --copy-files",
     "build:types": "tsc --noEmit false --declaration --emitDeclarationOnly --outDir dist/types",
-    "build": "yarn clean && yarn build:cjs && yarn build:es && yarn build:esm && yarn build:types",
-    "build:examples/simple": "yarn --cwd examples/simple && yarn --cwd examples/simple build",
-    "prepublishOnly": "yarn build",
-    "run-example": "yarn build && cd examples/simple && yarn && yarn dev",
-    "run-example:prod": "yarn build:examples/simple && yarn --cwd examples/simple start",
-    "run-cypress": "cypress run --config-file cypress/cypress.json",
-    "test": "yarn check-types && yarn clean && yarn build && yarn build:examples/simple && bundlesize && NODE_ENV=test jest --maxWorkers=1 --silent",
-    "test:e2e": "start-server-and-test 'yarn --cwd examples/simple start' 3000 'yarn run-cypress'",
+    "build": "npm run clean && npm run build:cjs && npm run build:es && npm run build:esm && npm run build:types",
+    "build:example:simple": "cd examples/simple && npm run build",
+    "build:example:ssg": "cd examples/ssg && npm run build",
+    "prepublishOnly": "npm run build",
+    "example": "npm run example:simple",
+    "example:prod": "npm run example:simple:prod",
+    "example:simple": "npm run build && cp -r dist examples/simple/node_modules/next-i18next && cd examples/simple && npm run dev",
+    "example:simple:prod": "npm run build:example:simple && cd examples/simple && npm run start",
+    "example:ssg": "npm run build && cp -r dist examples/ssg/node_modules/next-i18next && cd examples/ssg && npm run dev",
+    "example:ssg:prod": "npm run build:example:ssg && cd examples/ssg && npm run start",
+    "cypress": "cypress run --config-file cypress/cypress.json",
+    "test": "npm run check-types && npm run clean && npm run build && npm run build:example:simple && bundlesize && NODE_ENV=test jest --maxWorkers=1 --silent",
+    "test:e2e": "start-server-and-test 'cd examples/simple && npm run start' 3000 'npm run cypress'",
     "contributors:check": "all-contributors check",
     "contributors:add": "all-contributors add",
-    "contributors:generate": "all-contributors generate"
+    "contributors:generate": "all-contributors generate",
+    "preversion": "npm run test && npm run build && git push",
+    "postversion": "git push && git push --tags && npm run release",
+    "release": "gh-release"
   },
   "husky": {
     "hooks": {
-      "pre-commit": "yarn lint"
+      "pre-commit": "npm run lint"
     }
   },
   "bundlesize": [
     {
-      "path": "./examples/simple/.next/static/chunks/commons*.js",
-      "maxSize": "14 kB"
+      "path": "./examples/simple/.next/static/chunks/*.js",
+      "maxSize": "50 kB"
     },
     {
       "path": "./examples/simple/.next/static/chunks/main*.js",
-      "maxSize": "8 kB"
+      "maxSize": "35 kB"
     },
     {
       "path": "./examples/simple/.next/static/chunks/webpack*.js",
-      "maxSize": "760 B"
+      "maxSize": "770 B"
     }
   ],
   "devDependencies": {
-    "@babel/cli": "^7.10.4",
-    "@babel/core": "^7.10.4",
-    "@babel/plugin-proposal-class-properties": "^7.10.4",
-    "@babel/plugin-transform-runtime": "^7.10.4",
-    "@babel/preset-env": "^7.10.4",
-    "@babel/preset-react": "^7.10.4",
-    "@babel/preset-typescript": "^7.10.4",
-    "@testing-library/react": "^12.1.3",
+    "@babel/cli": "^7.18.6",
+    "@babel/core": "^7.18.6",
+    "@babel/plugin-proposal-class-properties": "^7.18.6",
+    "@babel/plugin-transform-runtime": "^7.18.6",
+    "@babel/preset-env": "^7.18.6",
+    "@babel/preset-react": "^7.18.6",
+    "@babel/preset-typescript": "^7.18.6",
+    "@testing-library/react": "^13.3.0",
     "@types/i18next-fs-backend": "^1.1.2",
-    "@types/jest": "^27.0.1",
-    "@types/node": "^16.7.1",
-    "@types/react": "^17.0.3",
-    "@types/react-dom": "^17.0.3",
-    "@types/testing-library__cypress": "^5.0.8",
-    "@typescript-eslint/eslint-plugin": "^4.11.1",
-    "@typescript-eslint/parser": "^4.11.1",
-    "all-contributors-cli": "^6.0.0",
+    "@types/jest": "^28.1.4",
+    "@types/node": "^18.0.3",
+    "@types/react": "^18.0.15",
+    "@types/react-dom": "^18.0.6",
+    "@types/testing-library__cypress": "^5.0.9",
+    "@typescript-eslint/eslint-plugin": "^5.30.5",
+    "@typescript-eslint/parser": "^5.30.5",
+    "all-contributors-cli": "^6.20.0",
     "babel-core": "^7.0.0-bridge.0",
-    "babel-plugin-add-module-exports": "^1.0.0",
+    "babel-plugin-add-module-exports": "^1.0.4",
     "babel-plugin-transform-async-to-generator": "^6.24.1",
-    "bundlesize": "^0.18.0",
+    "bundlesize": "^0.18.1",
     "cypress": "^9.1.1",
-    "eslint": "^7.17.0",
-    "eslint-plugin-cypress": "^2.11.2",
-    "eslint-plugin-import": "^2.22.1",
-    "eslint-plugin-jest": "^24.1.5",
+    "eslint": "^8.19.0",
+    "eslint-plugin-cypress": "^2.12.1",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-jest": "^26.5.3",
     "eslint-plugin-prefer-arrow": "^1.2.3",
-    "eslint-plugin-react": "^7.22.0",
+    "eslint-plugin-react": "^7.30.1",
     "eslint-plugin-typescript-sort-keys": "^2.1.0",
+    "gh-release": "6.0.1",
     "husky": "^3.0.0",
     "jest": "^26.6.3",
-    "next": "^12.1.0",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
-    "start-server-and-test": "^1.12.0",
-    "typescript": "^4.1.3"
+    "next": "^12.2.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "start-server-and-test": "^1.14.0",
+    "typescript": "^4.7.4"
   },
   "dependencies": {
-    "@babel/runtime": "^7.13.17",
+    "@babel/runtime": "^7.18.6",
     "@types/hoist-non-react-statics": "^3.3.1",
     "core-js": "^3",
-    "hoist-non-react-statics": "^3.2.0",
-    "i18next": "^21.6.12",
-    "i18next-fs-backend": "^1.0.7",
-    "react-i18next": "^11.15.5"
+    "hoist-non-react-statics": "^3.3.2",
+    "i18next": "^21.8.13",
+    "i18next-fs-backend": "^1.1.4",
+    "react-i18next": "^11.18.0"
   },
   "peerDependencies": {
     "next": ">= 10.0.0",
     "react": ">= 16.8.0"
   },
   "resolutions": {
-    "i18next-fs-backend": ">=1.1.4"
+    "i18next": ">=21.8.13",
+    "i18next-fs-backend": ">=1.1.4",
+    "react-i18next": ">=11.18.0"
   }
 }

package/vercel.json

@@ -1,5 +0,0 @@
-{
-  "github": {
-    "silent": true
-  }
-}