Estoy tratando de importar módulos dinámicamente pero obtengo el siguiente error:
Compilado con problemas :X
ADVERTENCIA en ./src/.../useCustomModule.js 21:21-56
Dependencia crítica: la petición de una dependencia es una expresión
import React from "react"; import PropTypes from "prop-types"; export const moduleMapping = { CONTEXT_ONE: "./....contextOnePath", CONTEXT_TWO: "./....contextTwoPath", }; const getModule = (moduleName) => { const module = React.lazy(() => import(moduleMapping[moduleName])); return module; }; export const useCustomModule = (moduleName) => { return getModule(moduleName); };Nota: en eslintrc.json tengo la siguiente configuración - "ecmaVersion": 12,
Recientemente, también enfrenté un problema similar, pero cuando usé la interpolación de cadenas, la advertencia desapareció. En tu código, prueba esto:
const getModule = (moduleName) => { const module = React.lazy(() => import(`${moduleMapping[moduleName])}`); return module; };