next-intl 2.3.3 → 2.3.4

package/dist/next-intl.cjs.development.js

@@ -24,11 +24,18 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 }
 
 function NextIntlProvider(_ref) {
+  var _useRouter;
+
   var locale = _ref.locale,
       rest = _objectWithoutPropertiesLoose(_ref, ["locale"]);
 
-  var nextLocale = router.useRouter().locale;
-  if (!locale && nextLocale) locale = nextLocale;
+  // The router can be undefined if used in a context outside
+  // of Next.js (e.g. unit tests, Storybook, ...)
+  var nextLocale = (_useRouter = router.useRouter()) == null ? void 0 : _useRouter.locale;
+
+  if (!locale && nextLocale) {
+    locale = nextLocale;
+  }
 
   if (!locale) {
     throw new Error( "Couldn't determine locale. Please make sure you use internationalized routing or alternatively pass an explicit locale to `NextIntlProvider`." );

package/dist/next-intl.cjs.development.js.map

@@ -1 +1 @@
-{"version":3,"file":"next-intl.cjs.development.js","sources":["../src/NextIntlProvider.tsx"],"sourcesContent":["import {useRouter} from 'next/router';\nimport React, {ComponentProps} from 'react';\nimport {IntlProvider} from 'use-intl';\n\ntype Props = Omit<ComponentProps<typeof IntlProvider>, 'locale'> & {\n  locale?: string;\n};\n\nexport default function NextIntlProvider({locale, ...rest}: Props) {\n  const nextLocale = useRouter().locale;\n  if (!locale && nextLocale) locale = nextLocale;\n\n  if (!locale) {\n    throw new Error(\n      __DEV__\n        ? \"Couldn't determine locale. Please make sure you use internationalized routing or alternatively pass an explicit locale to `NextIntlProvider`.\"\n        : undefined\n    );\n  }\n\n  return <IntlProvider locale={locale} {...rest} />;\n}\n"],"names":["NextIntlProvider","locale","rest","nextLocale","useRouter","Error","React","IntlProvider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;SAQwBA;MAAkBC,cAAAA;MAAWC;;AACnD,MAAMC,UAAU,GAAGC,gBAAS,GAAGH,MAA/B;AACA,MAAI,CAACA,MAAD,IAAWE,UAAf,EAA2BF,MAAM,GAAGE,UAAT;;AAE3B,MAAI,CAACF,MAAL,EAAa;AACX,UAAM,IAAII,KAAJ,EAEA,+IADJ,CADI,CAAN;AAKD;;AAED,SAAOC,mBAAA,CAACC,oBAAD;AAAcN,IAAAA,MAAM,EAAEA;KAAYC,KAAlC,CAAP;AACD;;;;;;;;;;;;"}
+{"version":3,"file":"next-intl.cjs.development.js","sources":["../src/NextIntlProvider.tsx"],"sourcesContent":["import {useRouter} from 'next/router';\nimport React, {ComponentProps} from 'react';\nimport {IntlProvider} from 'use-intl';\n\ntype Props = Omit<ComponentProps<typeof IntlProvider>, 'locale'> & {\n  locale?: string;\n};\n\nexport default function NextIntlProvider({locale, ...rest}: Props) {\n  // The router can be undefined if used in a context outside\n  // of Next.js (e.g. unit tests, Storybook, ...)\n  const nextLocale = useRouter()?.locale;\n\n  if (!locale && nextLocale) {\n    locale = nextLocale;\n  }\n\n  if (!locale) {\n    throw new Error(\n      __DEV__\n        ? \"Couldn't determine locale. Please make sure you use internationalized routing or alternatively pass an explicit locale to `NextIntlProvider`.\"\n        : undefined\n    );\n  }\n\n  return <IntlProvider locale={locale} {...rest} />;\n}\n"],"names":["NextIntlProvider","locale","rest","nextLocale","useRouter","Error","React","IntlProvider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;SAQwBA;;;MAAkBC,cAAAA;MAAWC;;AACnD;AACA;AACA,MAAMC,UAAU,iBAAGC,gBAAS,EAAZ,qBAAG,WAAaH,MAAhC;;AAEA,MAAI,CAACA,MAAD,IAAWE,UAAf,EAA2B;AACzBF,IAAAA,MAAM,GAAGE,UAAT;AACD;;AAED,MAAI,CAACF,MAAL,EAAa;AACX,UAAM,IAAII,KAAJ,EAEA,+IADJ,CADI,CAAN;AAKD;;AAED,SAAOC,mBAAA,CAACC,oBAAD;AAAcN,IAAAA,MAAM,EAAEA;KAAYC,KAAlC,CAAP;AACD;;;;;;;;;;;;"}

package/dist/next-intl.cjs.production.min.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("next/router"),t=(e=require("react"))&&"object"==typeof e&&"default"in e?e.default:e,n=require("use-intl");Object.keys(n).forEach((function(e){"default"!==e&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return n[e]}})})),exports.NextIntlProvider=function(e){var o=e.locale,u=function(e,r){if(null==e)return{};var t,n,o={},u=Object.keys(e);for(n=0;n<u.length;n++)r.indexOf(t=u[n])>=0||(o[t]=e[t]);return o}(e,["locale"]),l=r.useRouter().locale;if(!o&&l&&(o=l),!o)throw new Error(void 0);return t.createElement(n.IntlProvider,Object.assign({locale:o},u))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("next/router"),t=(e=require("react"))&&"object"==typeof e&&"default"in e?e.default:e,n=require("use-intl");Object.keys(n).forEach((function(e){"default"!==e&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return n[e]}})})),exports.NextIntlProvider=function(e){var o,u=e.locale,l=function(e,r){if(null==e)return{};var t,n,o={},u=Object.keys(e);for(n=0;n<u.length;n++)r.indexOf(t=u[n])>=0||(o[t]=e[t]);return o}(e,["locale"]),i=null==(o=r.useRouter())?void 0:o.locale;if(!u&&i&&(u=i),!u)throw new Error(void 0);return t.createElement(n.IntlProvider,Object.assign({locale:u},l))};
 //# sourceMappingURL=next-intl.cjs.production.min.js.map

package/dist/next-intl.cjs.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"next-intl.cjs.production.min.js","sources":["../src/NextIntlProvider.tsx"],"sourcesContent":["import {useRouter} from 'next/router';\nimport React, {ComponentProps} from 'react';\nimport {IntlProvider} from 'use-intl';\n\ntype Props = Omit<ComponentProps<typeof IntlProvider>, 'locale'> & {\n  locale?: string;\n};\n\nexport default function NextIntlProvider({locale, ...rest}: Props) {\n  const nextLocale = useRouter().locale;\n  if (!locale && nextLocale) locale = nextLocale;\n\n  if (!locale) {\n    throw new Error(\n      __DEV__\n        ? \"Couldn't determine locale. Please make sure you use internationalized routing or alternatively pass an explicit locale to `NextIntlProvider`.\"\n        : undefined\n    );\n  }\n\n  return <IntlProvider locale={locale} {...rest} />;\n}\n"],"names":["locale","rest","nextLocale","useRouter","Error","undefined","React","IntlProvider"],"mappings":"2WAQ0CA,IAAAA,OAAWC,mJAC7CC,EAAaC,cAAYH,WAC1BA,GAAUE,IAAYF,EAASE,IAE/BF,QACG,IAAII,WAGJC,UAIDC,gBAACC,8BAAaP,OAAQA,GAAYC"}
+{"version":3,"file":"next-intl.cjs.production.min.js","sources":["../src/NextIntlProvider.tsx"],"sourcesContent":["import {useRouter} from 'next/router';\nimport React, {ComponentProps} from 'react';\nimport {IntlProvider} from 'use-intl';\n\ntype Props = Omit<ComponentProps<typeof IntlProvider>, 'locale'> & {\n  locale?: string;\n};\n\nexport default function NextIntlProvider({locale, ...rest}: Props) {\n  // The router can be undefined if used in a context outside\n  // of Next.js (e.g. unit tests, Storybook, ...)\n  const nextLocale = useRouter()?.locale;\n\n  if (!locale && nextLocale) {\n    locale = nextLocale;\n  }\n\n  if (!locale) {\n    throw new Error(\n      __DEV__\n        ? \"Couldn't determine locale. Please make sure you use internationalized routing or alternatively pass an explicit locale to `NextIntlProvider`.\"\n        : undefined\n    );\n  }\n\n  return <IntlProvider locale={locale} {...rest} />;\n}\n"],"names":["locale","rest","nextLocale","useRouter","_useRouter","Error","undefined","React","IntlProvider"],"mappings":"6WAQ0CA,IAAAA,OAAWC,mJAG7CC,WAAaC,sBAAAC,EAAaJ,WAE3BA,GAAUE,IACbF,EAASE,IAGNF,QACG,IAAIK,WAGJC,UAIDC,gBAACC,8BAAaR,OAAQA,GAAYC"}

package/dist/next-intl.esm.js

@@ -19,11 +19,18 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 }
 
 function NextIntlProvider(_ref) {
+  var _useRouter;
+
   var locale = _ref.locale,
       rest = _objectWithoutPropertiesLoose(_ref, ["locale"]);
 
-  var nextLocale = useRouter().locale;
-  if (!locale && nextLocale) locale = nextLocale;
+  // The router can be undefined if used in a context outside
+  // of Next.js (e.g. unit tests, Storybook, ...)
+  var nextLocale = (_useRouter = useRouter()) == null ? void 0 : _useRouter.locale;
+
+  if (!locale && nextLocale) {
+    locale = nextLocale;
+  }
 
   if (!locale) {
     throw new Error(process.env.NODE_ENV !== "production" ? "Couldn't determine locale. Please make sure you use internationalized routing or alternatively pass an explicit locale to `NextIntlProvider`." : undefined);

package/dist/next-intl.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"next-intl.esm.js","sources":["../src/NextIntlProvider.tsx"],"sourcesContent":["import {useRouter} from 'next/router';\nimport React, {ComponentProps} from 'react';\nimport {IntlProvider} from 'use-intl';\n\ntype Props = Omit<ComponentProps<typeof IntlProvider>, 'locale'> & {\n  locale?: string;\n};\n\nexport default function NextIntlProvider({locale, ...rest}: Props) {\n  const nextLocale = useRouter().locale;\n  if (!locale && nextLocale) locale = nextLocale;\n\n  if (!locale) {\n    throw new Error(\n      __DEV__\n        ? \"Couldn't determine locale. Please make sure you use internationalized routing or alternatively pass an explicit locale to `NextIntlProvider`.\"\n        : undefined\n    );\n  }\n\n  return <IntlProvider locale={locale} {...rest} />;\n}\n"],"names":["NextIntlProvider","locale","rest","nextLocale","useRouter","Error","undefined","React","IntlProvider"],"mappings":";;;;;;;;;;;;;;;;;;;;SAQwBA;MAAkBC,cAAAA;MAAWC;;AACnD,MAAMC,UAAU,GAAGC,SAAS,GAAGH,MAA/B;AACA,MAAI,CAACA,MAAD,IAAWE,UAAf,EAA2BF,MAAM,GAAGE,UAAT;;AAE3B,MAAI,CAACF,MAAL,EAAa;AACX,UAAM,IAAII,KAAJ,CACJ,wCACI,+IADJ,GAEIC,SAHA,CAAN;AAKD;;AAED,SAAOC,mBAAA,CAACC,YAAD;AAAcP,IAAAA,MAAM,EAAEA;KAAYC,KAAlC,CAAP;AACD;;;;"}
+{"version":3,"file":"next-intl.esm.js","sources":["../src/NextIntlProvider.tsx"],"sourcesContent":["import {useRouter} from 'next/router';\nimport React, {ComponentProps} from 'react';\nimport {IntlProvider} from 'use-intl';\n\ntype Props = Omit<ComponentProps<typeof IntlProvider>, 'locale'> & {\n  locale?: string;\n};\n\nexport default function NextIntlProvider({locale, ...rest}: Props) {\n  // The router can be undefined if used in a context outside\n  // of Next.js (e.g. unit tests, Storybook, ...)\n  const nextLocale = useRouter()?.locale;\n\n  if (!locale && nextLocale) {\n    locale = nextLocale;\n  }\n\n  if (!locale) {\n    throw new Error(\n      __DEV__\n        ? \"Couldn't determine locale. Please make sure you use internationalized routing or alternatively pass an explicit locale to `NextIntlProvider`.\"\n        : undefined\n    );\n  }\n\n  return <IntlProvider locale={locale} {...rest} />;\n}\n"],"names":["NextIntlProvider","locale","rest","nextLocale","useRouter","Error","undefined","React","IntlProvider"],"mappings":";;;;;;;;;;;;;;;;;;;;SAQwBA;;;MAAkBC,cAAAA;MAAWC;;AACnD;AACA;AACA,MAAMC,UAAU,iBAAGC,SAAS,EAAZ,qBAAG,WAAaH,MAAhC;;AAEA,MAAI,CAACA,MAAD,IAAWE,UAAf,EAA2B;AACzBF,IAAAA,MAAM,GAAGE,UAAT;AACD;;AAED,MAAI,CAACF,MAAL,EAAa;AACX,UAAM,IAAII,KAAJ,CACJ,wCACI,+IADJ,GAEIC,SAHA,CAAN;AAKD;;AAED,SAAOC,mBAAA,CAACC,YAAD;AAAcP,IAAAA,MAAM,EAAEA;KAAYC,KAAlC,CAAP;AACD;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-intl",
-  "version": "2.3.3",
+  "version": "2.3.4",
   "sideEffects": false,
   "author": "Jan Amann <jan@amann.me>",
   "description": "A minimal, but complete solution for managing translations, date and number formatting in Next.js apps.",
@@ -37,7 +37,7 @@
     "next.js"
   ],
   "dependencies": {
-    "use-intl": "^2.3.3"
+    "use-intl": "^2.3.4"
   },
   "peerDependencies": {
     "next": "^10.0.0 || ^11.0.0 || ^12.0.0",
@@ -58,5 +58,5 @@
   "engines": {
     "node": ">=10"
   },
-  "gitHead": "6304d080ba4d93f3ce61f04b26c46b02e94a0f29"
+  "gitHead": "674e4837d625785d1c4242d742f811b7383d8f89"
 }

package/src/NextIntlProvider.tsx

@@ -7,8 +7,13 @@ type Props = Omit<ComponentProps<typeof IntlProvider>, 'locale'> & {
 };
 
 export default function NextIntlProvider({locale, ...rest}: Props) {
-  const nextLocale = useRouter().locale;
-  if (!locale && nextLocale) locale = nextLocale;
+  // The router can be undefined if used in a context outside
+  // of Next.js (e.g. unit tests, Storybook, ...)
+  const nextLocale = useRouter()?.locale;
+
+  if (!locale && nextLocale) {
+    locale = nextLocale;
+  }
 
   if (!locale) {
     throw new Error(