Receive this error: (log) when calling useSession hook in base component.
To Reproduce
Create boilerplate Next.js app
Add app component
Install @inrupt/solid-ui-client
Import useSession and SessionProvider from @inrupt/solid-ui-client
Declare const {session} = useSession() and add <SessionProvider to component
Receive webpack error
Expected result
Access values from session.
Actual result
index.js:654 Uncaught Error: (0 , react__WEBPACK_IMPORTED_MODULE_0__.createContext) is not a function
at eval (webpack-internal:///(rsc)/./node_modules/.pnpm/swr@1.3.0_react@18.2.0/node_modules/swr/dist/index.mjs:592:90)
at (rsc)/./node_modules/.pnpm/swr@1.3.0_react@18.2.0/node_modules/swr/dist/index.mjs (file:///Users/danielbakas/Documents/Profesional/Semantyk/Interno/Proyectos/semantyk.com/client/.next/server/vendor-chunks/swr@1.3.0_react@18.2.0.js:20:1)
at __webpack_require__ (file:///Users/danielbakas/Documents/Profesional/Semantyk/Interno/Proyectos/semantyk.com/client/.next/server/webpack-runtime.js:33:43)
at eval (webpack-internal:///(rsc)/./node_modules/.pnpm/@inrupt+solid-ui-react@2.9.0_react@18.2.0/node_modules/@inrupt/solid-ui-react/dist/index.mjs:37:61)
at (rsc)/./node_modules/.pnpm/@inrupt+solid-ui-react@2.9.0_react@18.2.0/node_modules/@inrupt/solid-ui-react/dist/index.mjs (file:///Users/danielbakas/Documents/Profesional/Semantyk/Interno/Proyectos/semantyk.com/client/.next/server/vendor-chunks/@inrupt+solid-ui-react@2.9.0_react@18.2.0.js:20:1)
at __webpack_require__ (file:///Users/danielbakas/Documents/Profesional/Semantyk/Interno/Proyectos/semantyk.com/client/.next/server/webpack-runtime.js:33:43)
at eval (webpack-internal:///(rsc)/./src/app/layout.js:9:80)
at (rsc)/./src/app/layout.js (file:///Users/danielbakas/Documents/Profesional/Semantyk/Interno/Proyectos/semantyk.com/client/.next/server/app/page.js:426:1)
at Function.__webpack_require__ (file:///Users/danielbakas/Documents/Profesional/Semantyk/Interno/Proyectos/semantyk.com/client/.next/server/webpack-runtime.js:33:43)
at runNextTicks (node:internal/process/task_queues:60:5)
at listOnTimeout (node:internal/timers:540:9)
at process.processTimers (node:internal/timers:514:7)
at async eq (file:///Users/danielbakas/Documents/Profesional/Semantyk/Interno/Proyectos/semantyk.com/client/node_modules/.pnpm/next@14.0.3_@babel+core@7.23.5_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:401280)
at async tr (file:///Users/danielbakas/Documents/Profesional/Semantyk/Interno/Proyectos/semantyk.com/client/node_modules/.pnpm/next@14.0.3_@babel+core@7.23.5_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:405046)
at async tn (file:///Users/danielbakas/Documents/Profesional/Semantyk/Interno/Proyectos/semantyk.com/client/node_modules/.pnpm/next@14.0.3_@babel+core@7.23.5_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:405596)
at async tu (file:///Users/danielbakas/Documents/Profesional/Semantyk/Interno/Proyectos/semantyk.com/client/node_modules/.pnpm/next@14.0.3_@babel+core@7.23.5_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:409938)
at async (file:///Users/danielbakas/Documents/Profesional/Semantyk/Interno/Proyectos/semantyk.com/client/node_modules/.pnpm/next@14.0.3_@babel+core@7.23.5_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:410457)
websocket.js:50 [HMR] connected
Search terms you've used
Bug description
Receive this error: (log) when calling useSession hook in base component.
To Reproduce
@inrupt/solid-ui-client
useSession
andSessionProvider
from@inrupt/solid-ui-client
const {session} = useSession()
and add<SessionProvider
to componentExpected result
Access values from session.
Actual result
Environment
Additional information
Worked on a React non-Next.js app.