react__WEBPACK_IMPORTED_MODULE_0__.createContext is not a function in Next.js 14.2.3

Question

react__WEBPACK_IMPORTED_MODULE_0__.createContext is not a function in Next.js 14.2.3

edicik opened this issue 2 months ago · comments

Filip commented 2 months ago

Check that this is really a bug

I confirm

Reproduction link

https://codesandbox.io/p/sandbox/nice-smoke-zs3cqt

Bug description

⨯ TypeError: (0 , react__WEBPACK_IMPORTED_MODULE_0__.createContext) is not a function
at webpack_require (C:\GitHub\bnfc.cc.next\server\webpack-runtime.js:33:42)
at eval (./src/app/page.tsx:14:70)
at (rsc)/./src/app/page.tsx (C:\GitHub\bnfc.cc.next\server\app\page.js:234:1)
at Function.webpack_require (C:\GitHub\bnfc.cc.next\server\webpack-runtime.js:33:42)
at async Promise.all (index 0)
digest: "235361954"
⨯ TypeError: (0 , react__WEBPACK_IMPORTED_MODULE_0__.createContext) is not a function
at webpack_require (C:\GitHub\bnfc.cc.next\server\webpack-runtime.js:33:42)
at eval (./src/app/page.tsx:14:70)
at (rsc)/./src/app/page.tsx (C:\GitHub\bnfc.cc.next\server\app\page.js:234:1)
at Function.webpack_require (C:\GitHub\bnfc.cc.next\server\webpack-runtime.js:33:42)
at async Promise.all (index 0)
digest: "235361954"
⨯ TypeError: (0 , react__WEBPACK_IMPORTED_MODULE_0__.createContext) is not a function
at webpack_require (C:\GitHub\bnfc.cc.next\server\webpack-runtime.js:33:42)
at eval (./src/app/page.tsx:14:70)
at (rsc)/./src/app/page.tsx (C:\GitHub\bnfc.cc.next\server\app\page.js:234:1)
at Function.webpack_require (C:\GitHub\bnfc.cc.next\server\webpack-runtime.js:33:42)
digest: "4277508139"
TypeError: (0 , react__WEBPACK_IMPORTED_MODULE_0__.createContext) is not a function
at eval (webpack-internal:///(rsc)/./node_modules/swiper/swiper-react.mjs:132:93)
at (rsc)/./node_modules/swiper/swiper-react.mjs (C:\GitHub\bnfc.cc.next\server\vendor-chunks\swiper.js:70:1)
at webpack_require (C:\GitHub\bnfc.cc.next\server\webpack-runtime.js:33:42)
at eval (webpack-internal:///(rsc)/./src/app/page.tsx:14:70)
at (rsc)/./src/app/page.tsx (C:\GitHub\bnfc.cc.next\server\app\page.js:234:1)
at Function.webpack_require (C:\GitHub\bnfc.cc.next\server\webpack-runtime.js:33:42)
at async e9 (C:\GitHub\bnfc.cc\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:35:396554)
at async tb (C:\GitHub\bnfc.cc\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:35:400212)
at async tS (C:\GitHub\bnfc.cc\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:35:400773)
at async tS (C:\GitHub\bnfc.cc\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:35:400904)
at async tR (C:\GitHub\bnfc.cc\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:36:2130)
at async C:\GitHub\bnfc.cc\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:36:2722 {
digest: '4277508139'
}
⨯ TypeError: (0 , react__WEBPACK_IMPORTED_MODULE_0__.createContext) is not a function
at eval (webpack-internal:///(rsc)/./node_modules/swiper/swiper-react.mjs:132:93)
at (rsc)/./node_modules/swiper/swiper-react.mjs (C:\GitHub\bnfc.cc.next\server\vendor-chunks\swiper.js:70:1)
at webpack_require (C:\GitHub\bnfc.cc.next\server\webpack-runtime.js:33:42)
at eval (webpack-internal:///(rsc)/./src/app/page.tsx:14:70)
at (rsc)/./src/app/page.tsx (C:\GitHub\bnfc.cc.next\server\app\page.js:234:1)
at Function.webpack_require (C:\GitHub\bnfc.cc.next\server\webpack-runtime.js:33:42)
at async e9 (C:\GitHub\bnfc.cc\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:35:396554)
at async tb (C:\GitHub\bnfc.cc\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:35:400212)
at async tS (C:\GitHub\bnfc.cc\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:35:400773)
at async tS (C:\GitHub\bnfc.cc\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:35:400904)
at async tR (C:\GitHub\bnfc.cc\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:36:2130)
at async C:\GitHub\bnfc.cc\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:36:2722 {
digest: '4277508139',
page: '/'
}
GET /next/static/webpack/1e38f2a671d659d9.webpack.hot-update.json 404 in 719ms
⨯ TypeError: (0 , react__WEBPACK_IMPORTED_MODULE_0_.createContext) is not a function
at webpack_require (C:\GitHub\bnfc.cc.next\server\webpack-runtime.js:33:42)
at eval (./src/app/page.tsx:14:70)
at (rsc)/./src/app/page.tsx (C:\GitHub\bnfc.cc.next\server\app\page.js:234:1)
at Function.webpack_require (C:\GitHub\bnfc.cc.next\server\webpack-runtime.js:33:42)
at async Promise.all (index 0)
digest: "80749292"
⨯ TypeError: (0 , react__WEBPACK_IMPORTED_MODULE_0__.createContext) is not a function
at webpack_require (C:\GitHub\bnfc.cc.next\server\webpack-runtime.js:33:42)
at eval (./src/app/page.tsx:14:70)
at (rsc)/./src/app/page.tsx (C:\GitHub\bnfc.cc.next\server\app\page.js:234:1)
at Function.webpack_require (C:\GitHub\bnfc.cc.next\server\webpack-runtime.js:33:42)
at async Promise.all (index 0)
digest: "80749292"
⨯ TypeError: (0 , react__WEBPACK_IMPORTED_MODULE_0__.createContext) is not a function
at webpack_require (C:\GitHub\bnfc.cc.next\server\webpack-runtime.js:33:42)
at eval (./src/app/page.tsx:14:70)
at (rsc)/./src/app/page.tsx (C:\GitHub\bnfc.cc.next\server\app\page.js:234:1)
at Function.webpack_require (C:\GitHub\bnfc.cc.next\server\webpack-runtime.js:33:42)
digest: "4277508139"
TypeError: (0 , react__WEBPACK_IMPORTED_MODULE_0__.createContext) is not a function
at eval (webpack-internal:///(rsc)/./node_modules/swiper/swiper-react.mjs:132:93)
at (rsc)/./node_modules/swiper/swiper-react.mjs (C:\GitHub\bnfc.cc.next\server\vendor-chunks\swiper.js:70:1)
at webpack_require (C:\GitHub\bnfc.cc.next\server\webpack-runtime.js:33:42)
at eval (webpack-internal:///(rsc)/./src/app/page.tsx:14:70)
at (rsc)/./src/app/page.tsx (C:\GitHub\bnfc.cc.next\server\app\page.js:234:1)
at Function.webpack_require (C:\GitHub\bnfc.cc.next\server\webpack-runtime.js:33:42)
at async e9 (C:\GitHub\bnfc.cc\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:35:396554)
at async tb (C:\GitHub\bnfc.cc\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:35:400212)
at async tS (C:\GitHub\bnfc.cc\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:35:400773)
at async tS (C:\GitHub\bnfc.cc\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:35:400904)
at async tR (C:\GitHub\bnfc.cc\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:36:2130)
at async C:\GitHub\bnfc.cc\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:36:2722 {
digest: '4277508139'
}
⨯ TypeError: (0 , react__WEBPACK_IMPORTED_MODULE_0__.createContext) is not a function
at eval (webpack-internal:///(rsc)/./node_modules/swiper/swiper-react.mjs:132:93)
at (rsc)/./node_modules/swiper/swiper-react.mjs (C:\GitHub\bnfc.cc.next\server\vendor-chunks\swiper.js:70:1)
at webpack_require (C:\GitHub\bnfc.cc.next\server\webpack-runtime.js:33:42)
at eval (webpack-internal:///(rsc)/./src/app/page.tsx:14:70)
at (rsc)/./src/app/page.tsx (C:\GitHub\bnfc.cc.next\server\app\page.js:234:1)
at Function.webpack_require (C:\GitHub\bnfc.cc.next\server\webpack-runtime.js:33:42)
at async e9 (C:\GitHub\bnfc.cc\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:35:396554)
at async tb (C:\GitHub\bnfc.cc\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:35:400212)
at async tS (C:\GitHub\bnfc.cc\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:35:400773)
at async tS (C:\GitHub\bnfc.cc\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:35:400904)
at async tR (C:\GitHub\bnfc.cc\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:36:2130)
at async C:\GitHub\bnfc.cc\node_modules\next\dist\compiled\next-server\app-page.runtime.dev.js:36:2722 {
digest: '4277508139',
page: '/'
}

Expected Behavior

Slider shows

Actual Behavior

Slider errors

Swiper version

11.1.4

Platform/Target and Browser Versions

Chrome

Validations

Follow our Code of Conduct
Read the docs.
Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
Make sure this is a Swiper issue and not a framework-specific issue

Would you like to open a PR for this bug?

I'm willing to open a PR

Vladimir Kharlampidi · Answer 1 · Fri May 31 2024 19:22:05 GMT+0800 (China Standard Time)

Your issue is closed because it is not filled correctly. Before you open an issue please review the contributing guideline.

Please fill the issue template correctly and:

Clearly describe the issue including steps to reproduce when it is a bug.
Make sure you fill in the earliest version that you know has the issue.
Provide live link or JSFiddle/Codepen or website with isssue

It will save a lot of time for other contributors to check your issue and fix it.

Remix · Answer 2 · Fri May 31 2024 20:00:25 GMT+0800 (China Standard Time)

You have in a reproduction site link a website with a bug