react-i18next 12.1.0 → 12.1.1

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+### 12.1.1
+
+- fix for node resolution [1589](https://github.com/i18next/react-i18next/issues/1589)
+
 ### 12.1.0
 
 - context-less version of Trans component to be used for environments without react context [1588](https://github.com/i18next/react-i18next/pull/1588)

package/dist/commonjs/I18nextProvider.js

@@ -7,7 +7,7 @@ exports.I18nextProvider = I18nextProvider;
 
 var _react = require("react");
 
-var _context = require("./context");
+var _context = require("./context.js");
 
 function I18nextProvider(_ref) {
   var i18n = _ref.i18n,

package/dist/commonjs/Trans.js

@@ -19,9 +19,9 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = require("react");
 
-var _TransWithoutContext = require("./TransWithoutContext");
+var _TransWithoutContext = require("./TransWithoutContext.js");
 
-var _context = require("./context");
+var _context = require("./context.js");
 
 var _excluded = ["children", "count", "parent", "i18nKey", "context", "tOptions", "values", "defaults", "components", "ns", "i18n", "t", "shouldUnescape"];
 

package/dist/commonjs/TransWithoutContext.js

@@ -18,11 +18,11 @@ var _react = require("react");
 
 var _htmlParseStringify = _interopRequireDefault(require("html-parse-stringify"));
 
-var _utils = require("./utils");
+var _utils = require("./utils.js");
 
-var _defaults = require("./defaults");
+var _defaults = require("./defaults.js");
 
-var _i18nInstance = require("./i18nInstance");
+var _i18nInstance = require("./i18nInstance.js");
 
 var _excluded = ["format"],
     _excluded2 = ["children", "count", "parent", "i18nKey", "context", "tOptions", "values", "defaults", "components", "ns", "i18n", "t", "shouldUnescape"];

package/dist/commonjs/Translation.js

@@ -11,7 +11,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _useTranslation3 = require("./useTranslation");
+var _useTranslation3 = require("./useTranslation.js");
 
 var _excluded = ["ns", "children"];
 

package/dist/commonjs/context.js

@@ -47,11 +47,11 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 
 var _react = require("react");
 
-var _defaults = require("./defaults");
+var _defaults = require("./defaults.js");
 
-var _i18nInstance = require("./i18nInstance");
+var _i18nInstance = require("./i18nInstance.js");
 
-var _initReactI18next = require("./initReactI18next");
+var _initReactI18next = require("./initReactI18next.js");
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 

package/dist/commonjs/defaults.js

@@ -10,7 +10,7 @@ exports.getDefaults = getDefaults;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _unescape = require("./unescape");
+var _unescape = require("./unescape.js");
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 

package/dist/commonjs/index.js

@@ -101,23 +101,23 @@ Object.defineProperty(exports, "getInitialProps", {
 });
 exports.selectOrdinal = exports.plural = exports.select = exports.number = exports.time = exports.date = void 0;
 
-var _Trans = require("./Trans");
+var _Trans = require("./Trans.js");
 
-var _TransWithoutContext = require("./TransWithoutContext");
+var _TransWithoutContext = require("./TransWithoutContext.js");
 
-var _useTranslation = require("./useTranslation");
+var _useTranslation = require("./useTranslation.js");
 
-var _withTranslation = require("./withTranslation");
+var _withTranslation = require("./withTranslation.js");
 
-var _Translation = require("./Translation");
+var _Translation = require("./Translation.js");
 
-var _I18nextProvider = require("./I18nextProvider");
+var _I18nextProvider = require("./I18nextProvider.js");
 
-var _withSSR = require("./withSSR");
+var _withSSR = require("./withSSR.js");
 
-var _useSSR = require("./useSSR");
+var _useSSR = require("./useSSR.js");
 
-var _context = require("./context");
+var _context = require("./context.js");
 
 var date = function date() {
   return '';

package/dist/commonjs/initReactI18next.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.initReactI18next = void 0;
 
-var _defaults = require("./defaults");
+var _defaults = require("./defaults.js");
 
-var _i18nInstance = require("./i18nInstance");
+var _i18nInstance = require("./i18nInstance.js");
 
 var initReactI18next = {
   type: '3rdParty',

package/dist/commonjs/useSSR.js

@@ -7,7 +7,7 @@ exports.useSSR = useSSR;
 
 var _react = require("react");
 
-var _context = require("./context");
+var _context = require("./context.js");
 
 function useSSR(initialI18nStore, initialLanguage) {
   var props = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};

package/dist/commonjs/useTranslation.js

@@ -13,9 +13,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _react = require("react");
 
-var _context = require("./context");
+var _context = require("./context.js");
 
-var _utils = require("./utils");
+var _utils = require("./utils.js");
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 

package/dist/commonjs/withSSR.js

@@ -13,11 +13,11 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = require("react");
 
-var _useSSR = require("./useSSR");
+var _useSSR = require("./useSSR.js");
 
-var _context = require("./context");
+var _context = require("./context.js");
 
-var _utils = require("./utils");
+var _utils = require("./utils.js");
 
 var _excluded = ["initialI18nStore", "initialLanguage"];
 

package/dist/commonjs/withTranslation.js

@@ -15,9 +15,9 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _react = require("react");
 
-var _useTranslation3 = require("./useTranslation");
+var _useTranslation3 = require("./useTranslation.js");
 
-var _utils = require("./utils");
+var _utils = require("./utils.js");
 
 var _excluded = ["forwardedRef"];
 

package/dist/es/I18nextProvider.js

@@ -1,5 +1,5 @@
 import { createElement, useMemo } from 'react';
-import { I18nContext } from './context';
+import { I18nContext } from './context.js';
 export function I18nextProvider(_ref) {
   var i18n = _ref.i18n,
       defaultNS = _ref.defaultNS,

package/dist/es/Trans.js

@@ -7,8 +7,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 import { useContext } from 'react';
-import { nodesToString, Trans as TransWithoutContext } from './TransWithoutContext';
-import { getI18n, I18nContext } from './context';
+import { nodesToString, Trans as TransWithoutContext } from './TransWithoutContext.js';
+import { getI18n, I18nContext } from './context.js';
 export { nodesToString };
 export function Trans(_ref) {
   var children = _ref.children,

package/dist/es/TransWithoutContext.js

@@ -10,9 +10,9 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 import { isValidElement, cloneElement, createElement } from 'react';
 import HTML from 'html-parse-stringify';
-import { warn, warnOnce } from './utils';
-import { getDefaults } from './defaults';
-import { getI18n } from './i18nInstance';
+import { warn, warnOnce } from './utils.js';
+import { getDefaults } from './defaults.js';
+import { getI18n } from './i18nInstance.js';
 
 function hasChildren(node, checkLength) {
   if (!node) return false;

package/dist/es/Translation.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["ns", "children"];
-import { useTranslation } from './useTranslation';
+import { useTranslation } from './useTranslation.js';
 export function Translation(props) {
   var ns = props.ns,
       children = props.children,

package/dist/es/context.js

@@ -7,9 +7,9 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 import { createContext } from 'react';
-import { getDefaults, setDefaults } from './defaults';
-import { getI18n, setI18n } from './i18nInstance';
-import { initReactI18next } from './initReactI18next';
+import { getDefaults, setDefaults } from './defaults.js';
+import { getI18n, setI18n } from './i18nInstance.js';
+import { initReactI18next } from './initReactI18next.js';
 export { getDefaults, setDefaults, getI18n, setI18n, initReactI18next };
 export var I18nContext = createContext();
 export var ReportNamespaces = function () {

package/dist/es/defaults.js

@@ -4,7 +4,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-import { unescape } from './unescape';
+import { unescape } from './unescape.js';
 var defaultOptions = {
   bindI18n: 'languageChanged',
   bindI18nStore: '',

package/dist/es/index.js

@@ -1,12 +1,12 @@
-export { Trans } from './Trans';
-export { Trans as TransWithoutContext } from './TransWithoutContext';
-export { useTranslation } from './useTranslation';
-export { withTranslation } from './withTranslation';
-export { Translation } from './Translation';
-export { I18nextProvider } from './I18nextProvider';
-export { withSSR } from './withSSR';
-export { useSSR } from './useSSR';
-export { I18nContext, initReactI18next, setDefaults, getDefaults, setI18n, getI18n, composeInitialProps, getInitialProps } from './context';
+export { Trans } from './Trans.js';
+export { Trans as TransWithoutContext } from './TransWithoutContext.js';
+export { useTranslation } from './useTranslation.js';
+export { withTranslation } from './withTranslation.js';
+export { Translation } from './Translation.js';
+export { I18nextProvider } from './I18nextProvider.js';
+export { withSSR } from './withSSR.js';
+export { useSSR } from './useSSR.js';
+export { I18nContext, initReactI18next, setDefaults, getDefaults, setI18n, getI18n, composeInitialProps, getInitialProps } from './context.js';
 export var date = function date() {
   return '';
 };

package/dist/es/initReactI18next.js

@@ -1,5 +1,5 @@
-import { setDefaults } from './defaults';
-import { setI18n } from './i18nInstance';
+import { setDefaults } from './defaults.js';
+import { setI18n } from './i18nInstance.js';
 export var initReactI18next = {
   type: '3rdParty',
   init: function init(instance) {

package/dist/es/package.json

@@ -0,0 +1 @@
+{"type":"module","version":"12.1.1"}

package/dist/es/useSSR.js

@@ -1,5 +1,5 @@
 import { useContext } from 'react';
-import { getI18n, I18nContext } from './context';
+import { getI18n, I18nContext } from './context.js';
 export function useSSR(initialI18nStore, initialLanguage) {
   var props = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   var i18nFromProps = props.i18n;

package/dist/es/useTranslation.js

@@ -6,8 +6,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 import { useState, useEffect, useContext, useRef } from 'react';
-import { getI18n, getDefaults, ReportNamespaces, I18nContext } from './context';
-import { warnOnce, loadNamespaces, hasLoadedNamespace } from './utils';
+import { getI18n, getDefaults, ReportNamespaces, I18nContext } from './context.js';
+import { warnOnce, loadNamespaces, hasLoadedNamespace } from './utils.js';
 
 var usePrevious = function usePrevious(value, ignore) {
   var ref = useRef();

package/dist/es/withSSR.js

@@ -7,9 +7,9 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 import { createElement } from 'react';
-import { useSSR } from './useSSR';
-import { composeInitialProps } from './context';
-import { getDisplayName } from './utils';
+import { useSSR } from './useSSR.js';
+import { composeInitialProps } from './context.js';
+import { getDisplayName } from './utils.js';
 export function withSSR() {
   return function Extend(WrappedComponent) {
     function I18nextWithSSR(_ref) {

package/dist/es/withTranslation.js

@@ -8,8 +8,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 import { createElement, forwardRef as forwardRefReact } from 'react';
-import { useTranslation } from './useTranslation';
-import { getDisplayName } from './utils';
+import { useTranslation } from './useTranslation.js';
+import { getDisplayName } from './utils.js';
 export function withTranslation(ns) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return function Extend(WrappedComponent) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-i18next",
-  "version": "12.1.0",
+  "version": "12.1.1",
   "description": "Internationalization for react done right. Using the i18next i18n ecosystem.",
   "main": "dist/commonjs/index.js",
   "types": "./index.d.ts",
@@ -113,15 +113,16 @@
   },
   "scripts": {
     "clean": "rimraf dist && mkdirp dist",
-    "copy": "cp-cli ./dist/umd/react-i18next.min.js ./react-i18next.min.js && cp-cli ./dist/umd/react-i18next.js ./react-i18next.js",
+    "copy": "cp-cli ./dist/umd/react-i18next.min.js ./react-i18next.min.js && cp-cli ./dist/umd/react-i18next.js ./react-i18next.js && echo '{\"type\":\"module\"}' > dist/es/package.json",
     "build:es": "cross-env BABEL_ENV=jsnext babel src --out-dir dist/es",
     "build:cjs": "babel src --out-dir dist/commonjs",
     "build:umd": "rollup -c rollup.config.js --format umd && rollup -c rollup.config.js --format umd --uglify",
     "build:amd": "rollup -c rollup.config.js --format amd && rollup -c rollup.config.js --format amd --uglify",
     "build:iife": "rollup -c rollup.config.js --format iife && rollup -c rollup.config.js --format iife --uglify",
     "build": "npm run clean && npm run build:cjs && npm run build:es && npm run build:umd && npm run build:amd && npm run copy",
+    "fix_dist_package": "node -e 'console.log(`{\"type\":\"module\",\"version\":\"${process.env.npm_package_version}\"}`)' > dist/es/package.json",
     "preversion": "npm run build && git push",
-    "postversion": "git push && git push --tags",
+    "postversion": "npm run fix_dist_package && git push && git push --tags",
     "pretest": "npm run test:typescript && npm run test:typescript:noninterop && npm run test:typescript:customtypes",
     "test": "cross-env BABEL_ENV=development jest --no-cache",
     "test:watch": "cross-env BABEL_ENV=development jest --no-cache --watch",

package/src/I18nextProvider.js

@@ -1,5 +1,5 @@
 import { createElement, useMemo } from 'react';
-import { I18nContext } from './context';
+import { I18nContext } from './context.js';
 
 export function I18nextProvider({ i18n, defaultNS, children }) {
   const value = useMemo(

package/src/Trans.js

@@ -1,6 +1,6 @@
 import { useContext } from 'react';
-import { nodesToString, Trans as TransWithoutContext } from './TransWithoutContext';
-import { getI18n, I18nContext } from './context';
+import { nodesToString, Trans as TransWithoutContext } from './TransWithoutContext.js';
+import { getI18n, I18nContext } from './context.js';
 
 export { nodesToString };
 

package/src/TransWithoutContext.js

@@ -1,8 +1,8 @@
 import { isValidElement, cloneElement, createElement } from 'react';
 import HTML from 'html-parse-stringify';
-import { warn, warnOnce } from './utils';
-import { getDefaults } from './defaults';
-import { getI18n } from './i18nInstance';
+import { warn, warnOnce } from './utils.js';
+import { getDefaults } from './defaults.js';
+import { getI18n } from './i18nInstance.js';
 
 function hasChildren(node, checkLength) {
   if (!node) return false;

package/src/Translation.js

@@ -1,4 +1,4 @@
-import { useTranslation } from './useTranslation';
+import { useTranslation } from './useTranslation.js';
 
 export function Translation(props) {
   const { ns, children, ...options } = props;

package/src/context.js

@@ -1,7 +1,7 @@
 import { createContext } from 'react';
-import { getDefaults, setDefaults } from './defaults';
-import { getI18n, setI18n } from './i18nInstance';
-import { initReactI18next } from './initReactI18next';
+import { getDefaults, setDefaults } from './defaults.js';
+import { getI18n, setI18n } from './i18nInstance.js';
+import { initReactI18next } from './initReactI18next.js';
 
 export { getDefaults, setDefaults, getI18n, setI18n, initReactI18next };
 

package/src/defaults.js

@@ -1,4 +1,4 @@
-import { unescape } from './unescape';
+import { unescape } from './unescape.js';
 
 let defaultOptions = {
   bindI18n: 'languageChanged',

package/src/index.js

@@ -1,11 +1,11 @@
-export { Trans } from './Trans';
-export { Trans as TransWithoutContext } from './TransWithoutContext';
-export { useTranslation } from './useTranslation';
-export { withTranslation } from './withTranslation';
-export { Translation } from './Translation';
-export { I18nextProvider } from './I18nextProvider';
-export { withSSR } from './withSSR';
-export { useSSR } from './useSSR';
+export { Trans } from './Trans.js';
+export { Trans as TransWithoutContext } from './TransWithoutContext.js';
+export { useTranslation } from './useTranslation.js';
+export { withTranslation } from './withTranslation.js';
+export { Translation } from './Translation.js';
+export { I18nextProvider } from './I18nextProvider.js';
+export { withSSR } from './withSSR.js';
+export { useSSR } from './useSSR.js';
 
 export {
   I18nContext,
@@ -16,7 +16,7 @@ export {
   getI18n,
   composeInitialProps,
   getInitialProps,
-} from './context';
+} from './context.js';
 
 // dummy functions for icu.macro support
 

package/src/initReactI18next.js

@@ -1,5 +1,5 @@
-import { setDefaults } from './defaults';
-import { setI18n } from './i18nInstance';
+import { setDefaults } from './defaults.js';
+import { setI18n } from './i18nInstance.js';
 
 export const initReactI18next = {
   type: '3rdParty',

package/src/useSSR.js

@@ -1,5 +1,5 @@
 import { useContext } from 'react';
-import { getI18n, I18nContext } from './context';
+import { getI18n, I18nContext } from './context.js';
 
 export function useSSR(initialI18nStore, initialLanguage, props = {}) {
   const { i18n: i18nFromProps } = props;
@@ -16,7 +16,7 @@ export function useSSR(initialI18nStore, initialLanguage, props = {}) {
 
     // add namespaces to the config - so a languageChange call loads all namespaces needed
     i18n.options.ns = Object.values(initialI18nStore).reduce((mem, lngResources) => {
-      Object.keys(lngResources).forEach(ns => {
+      Object.keys(lngResources).forEach((ns) => {
         if (mem.indexOf(ns) < 0) mem.push(ns);
       });
       return mem;

package/src/useTranslation.js

@@ -1,6 +1,6 @@
 import { useState, useEffect, useContext, useRef } from 'react';
-import { getI18n, getDefaults, ReportNamespaces, I18nContext } from './context';
-import { warnOnce, loadNamespaces, hasLoadedNamespace } from './utils';
+import { getI18n, getDefaults, ReportNamespaces, I18nContext } from './context.js';
+import { warnOnce, loadNamespaces, hasLoadedNamespace } from './utils.js';
 
 const usePrevious = (value, ignore) => {
   const ref = useRef();

package/src/withSSR.js

@@ -1,7 +1,7 @@
 import { createElement } from 'react';
-import { useSSR } from './useSSR';
-import { composeInitialProps } from './context';
-import { getDisplayName } from './utils';
+import { useSSR } from './useSSR.js';
+import { composeInitialProps } from './context.js';
+import { getDisplayName } from './utils.js';
 
 export function withSSR() {
   return function Extend(WrappedComponent) {

package/src/withTranslation.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef as forwardRefReact } from 'react';
-import { useTranslation } from './useTranslation';
-import { getDisplayName } from './utils';
+import { useTranslation } from './useTranslation.js';
+import { getDisplayName } from './utils.js';
 
 export function withTranslation(ns, options = {}) {
   return function Extend(WrappedComponent) {