ERROR: Cannot find module '/home/jon/fe-nextjs-lotterycontract/node_modules/react/cjs/react.production.min'

[ippy1997]

Im getting this error , and it looks like an issue with the react package in node_modules/react , inside that there is a folder called cjs and inside it a file called react.production.min.js , idk what this file does but it should be exported in the package.json file inside node_modules/react/package.json , but when i looked at it dosent export the cjs folder that contains react.production.min.js that i need to resolve this problem , i think there is an issue at their end in the react 0.18 version.

CHECK THIS DISCUSSION THAT REPORTED THIS BUG : facebook/react#24420

Server Error

Error: Cannot find module '/home/jon/fe-nextjs-lotterycontract/node_modules/react/cjs/react.production.min'
This error happened while generating the page. Any console logs will be displayed in the terminal window.
Call Stack
createEsmNotFoundErr
internal/modules/cjs/loader.js (929:15)
finalizeEsmResolution
internal/modules/cjs/loader.js (922:15)
resolveExports
internal/modules/cjs/loader.js (450:14)
Function.Module._findPath
internal/modules/cjs/loader.js (490:31)
Function.Module._resolveFilename
internal/modules/cjs/loader.js (888:27)
Function.mod._resolveFilename
file:/home/jon/fe-nextjs-lotterycontract/node_modules/next/dist/build/webpack/require-hook.js (27:32)
Function.mod._resolveFilename
file:/home/jon/fe-nextjs-lotterycontract/node_modules/next/dist/build/webpack/require-hook.js (27:32)
Function.mod._resolveFilename
file:/home/jon/fe-nextjs-lotterycontract/node_modules/next/dist/build/webpack/require-hook.js (27:32)
Function.Module._load
internal/modules/cjs/loader.js (746:27)
Module.require
internal/modules/cjs/loader.js (974:19)

node_modules/react/package.json

{
  "name": "react",
  "description": "React is a JavaScript library for building user interfaces.",
  "keywords": [
    "react"
  ],
  "version": "18.2.0",
  "homepage": "https://reactjs.org/",
  "bugs": "https://github.com/facebook/react/issues",
  "license": "MIT",
  "files": [
    "LICENSE",
    "README.md",
    "index.js",
    "cjs/",
    "umd/",
    "jsx-runtime.js",
    "jsx-dev-runtime.js",
    "react.shared-subset.js"
  ],
  "main": "index.js",
  "exports": {
    ".": {
      "react-server": "./react.shared-subset.js",
      "default": "./index.js"
    },
    "./package.json": "./package.json",
    "./jsx-runtime": "./jsx-runtime.js",
    "./jsx-dev-runtime": "./jsx-dev-runtime.js",
**// you can see im trying to exports the files inside the cjs folder** 
    "./cjs/*": "./cjs/*",
    "./umd/*": "./umd/*"
    },
  "repository": {
    "type": "git",
    "url": "https://github.com/facebook/react.git",
    "directory": "packages/react"
  },
  "engines": {
    "node": ">=0.10.0"
  },
  "dependencies": {
    "loose-envify": "^1.1.0"
  },
  "browserify": {
    "transform": [
      "loose-envify"
    ]
  }
}

You can see in the exports section im trying to export the cjs file
"./cjs/*": "./cjs/*",
and everything it contains but im still getting the same error when deploying my page , ik this sounds a bit complicated but if anyone can help that will be great

[ippy1997]

NVM I FIXED THIS ISSUE :-

to i get the useEffect function i was importing it like this
import { useEffect } from "react/cjs/"react.production.min"

TO FIX THIS ALL I HAD TO DO IS IMPORT LIKE THIS IN MY FILE:
import { useEffect } from "react"

but i do still think there is an issue in the react package, also several ppl reported it in other fourms