title: i18next + React + Webpack - getFixedT is not a function
body: <p>I'm having some trouble with React, i18next and Webpack. I've tried many solutions, but none of them worked. When I try to build my application, it builds successfully. But, when I try to open it, the console shows an error. My webpack.config and the error stacktrace are below.</p>
  
  <h3>webpack.prod.config.js</h3>
  
  <pre><code>const webpack = require('webpack');
  const path = require('path');
  const htmlWebpackPlugin = require("html-webpack-plugin")
  const miniCSSExtractPlugin = require("mini-css-extract-plugin")
  const terserPlugin = require("terser-webpack-plugin")
  const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin")
  const cleanWebpackPlugin = require("clean-webpack-plugin")
  
  const i18nPlugin = require("i18n-webpack-plugin")
  const options = require("../src/controllers/i18n").options
  const locales = require("../src/controllers/i18n/locales")
  
  options.backend.loadPath = "." + options.backend.loadPath
  
  const config = {
      mode: "production",
      output: {
          path: path.resolve(__dirname, '../dist'),
          publicPath: "./",
          filename: 'bundle.js'
      },
      resolve: {
          extensions: [" ", ".js", ".jsx"],
          alias: {
              "@components": path.resolve(__dirname, "../src/components"),
              "@views": path.resolve(__dirname, "../src/views")
          }
      },
      optimization: {
          minimizer: [
              new terserPlugin({
                  cache: true,
                  parallel: true,
                  include: /\.(js|jsx)$/
              }),
              new OptimizeCSSAssetsPlugin({})
          ]
      },
      module: {
          rules: [{
                  test: /\.(js|jsx)$/,
                  exclude: /node_modules/,
                  use: [{
                      loader: "babel-loader"
                  }, {
                      loader: "i18next-loader"
                  }]
              },
              {
                  test: /\.css$/,
                  use: [
                      miniCSSExtractPlugin.loader,
                      {
                          loader: "css-loader",
                      }
                  ]
              }, {
                  test: /\.(png|jpg|gif)$/,
                  use: [{
                      loader: 'file-loader?name=images/[hash].[ext]',
                      options: {
                          name: "assets/images/[hash].[ext]"
                      }
                  }]
              }, {
                  test: /\.(ttf|woff(2)|eof|svg)$/,
                  use: [{
                      loader: "file-loader",
                      options: {
                          name: "assets/fonts/[hash].[ext]",
                      }
                  }]
              }
          ],
      },
      plugins: [
          new htmlWebpackPlugin({
              template: path.join(__dirname, "..", "public", "index.html")
          }),
          new miniCSSExtractPlugin({
              filename: "[name].css",
              chunkFilename: "[id].css"
          }),
          new cleanWebpackPlugin("../dist/*", {
              root: __dirname + "../",
              allowExternal: true
          }),
          new i18nPlugin(locales,{
              functionName: "t",
              nested: true
          },true)
      ]
  };
  
  module.exports = config;
  </code></pre>
  
  <p>The npm run build runs normally, no errors about i18next. Then, when I open the application, I got this error:</p>
  
  <pre><code>bundle.js:33 TypeError: r.getFixedT is not a function
     at L (bundle.js:12)
      at bundle.js:12
      at Xo (bundle.js:33)
      at Ia (bundle.js:33)
      at qi (bundle.js:33)
      at $i (bundle.js:33)
      at jl (bundle.js:33)
      at Cl (bundle.js:33)
      at Pl (bundle.js:33)
      at Ji (bundle.js:33)
  </code></pre>
  
  <p>Hope somebody can helps me.</p>