Automattic / Automattic/isolated-block-editor
Problems with implementation of the Isolated Block Editor in a NextJS application
- Dominant language
- CSS
- Stars
- 409
- Forks
- 66
- PR merge metrics
- No merged PRs in 30d
Description
## Context of my problem
I am trying to use the Gutenberg Block Editor within a React/NextJS-based application as a UI for a headless CMS. Here is a link to the repo that I used to create a very simplified version of our project. However, I couldn't get this to work.
* [crs1138/turborepo-nextjs-with-isolated-block-editor](https://github.com/crs1138/turborepo-nextjs-with-isolated-block-editor)
To reproduce the problem in detail, please clone the repository and checkout the `install-isolated-block-editor` branch. Then follow the installation instruction as described in the `/README.md`
## Details about implementation
As the '@automattic/isolated-block-editor` does not have any package-lock.json (or its equivalent) the dependencies specified in the `package.json` do not get installed if the repo itself is used as a dependency. Thus I tried recreated the `@automattic/isolated-block-editor/src/index.js` as `crs1138/turborepo-nextjs-with-isolated-block-editor/packages/block-editor/IsolatedBlockEditor.tsx` and installed all the dependencies imported in this file. This is then re-exported as a simple React component and used on the page `gb` of the `atlas-editor` web app. Once you have the local development server running you can access this page at http://localhost:3001/gb.
## Problem
Upon compilation of the http://localhost:3001/gb the following error is displayed.

Please, help me to get to understand what is the problem and provide a direction in what it could be resolved.
---
The full stack that can be found in the terminal:
```
atlas-editor:dev: TypeError: (0 , _wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createContext) is not a function
atlas-editor:dev: at eval (webpack-internal:///(rsc)/../../node_modules/.pnpm/@wordpress+data@9.25.0_react@18.2.0/node_modules/@wordpress/data/build-module/components/registry-provider/context.js:16:82)
atlas-editor:dev: at (rsc)/../../node_modules/.pnpm/@wordpress+data@9.25.0_react@18.2.0/node_modules/@wordpress/data/build-module/components/registry-provider/context.js (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/vendor-chunks/@wordpress+data@9.25.0_react@18.2.0.js:40:1)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at eval (webpack-internal:///(rsc)/../../node_modules/.pnpm/@wordpress+data@9.25.0_react@18.2.0/node_modules/@wordpress/data/build-module/components/registry-provider/use-registry.js:7:66)
atlas-editor:dev: at (rsc)/../../node_modules/.pnpm/@wordpress+data@9.25.0_react@18.2.0/node_modules/@wordpress/data/build-module/components/registry-provider/use-registry.js (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/vendor-chunks/@wordpress+data@9.25.0_react@18.2.0.js:50:1)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at eval (webpack-internal:///(rsc)/../../node_modules/.pnpm/@wordpress+data@9.25.0_react@18.2.0/node_modules/@wordpress/data/build-module/components/use-select/index.js:10:89)
atlas-editor:dev: at (rsc)/../../node_modules/.pnpm/@wordpress+data@9.25.0_react@18.2.0/node_modules/@wordpress/data/build-module/components/use-select/index.js (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/vendor-chunks/@wordpress+data@9.25.0_react@18.2.0.js:80:1)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at eval (webpack-internal:///(rsc)/../../node_modules/.pnpm/@wordpress+data@9.25.0_react@18.2.0/node_modules/@wordpress/data/build-module/components/with-select/index.js:9:69)
atlas-editor:dev: at (rsc)/../../node_modules/.pnpm/@wordpress+data@9.25.0_react@18.2.0/node_modules/@wordpress/data/build-module/components/with-select/index.js (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/vendor-chunks/@wordpress+data@9.25.0_react@18.2.0.js:110:1)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at eval (webpack-internal:///(rsc)/../../node_modules/.pnpm/@wordpress+data@9.25.0_react@18.2.0/node_modules/@wordpress/data/build-module/index.js:33:81)
atlas-editor:dev: at (rsc)/../../node_modules/.pnpm/@wordpress+data@9.25.0_react@18.2.0/node_modules/@wordpress/data/build-module/index.js (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/vendor-chunks/@wordpress+data@9.25.0_react@18.2.0.js:160:1)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at eval (webpack-internal:///(rsc)/../../node_modules/.pnpm/@wordpress+blocks@12.32.0_react@18.2.0/node_modules/@wordpress/blocks/build-module/store/index.js:6:73)
atlas-editor:dev: at (rsc)/../../node_modules/.pnpm/@wordpress+blocks@12.32.0_react@18.2.0/node_modules/@wordpress/blocks/build-module/store/index.js (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/vendor-chunks/@wordpress+blocks@12.32.0_react@18.2.0.js:530:1)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at eval (webpack-internal:///(rsc)/../../node_modules/.pnpm/@wordpress+blocks@12.32.0_react@18.2.0/node_modules/@wordpress/blocks/build-module/index.js:77:64)
atlas-editor:dev: at (rsc)/../../node_modules/.pnpm/@wordpress+blocks@12.32.0_react@18.2.0/node_modules/@wordpress/blocks/build-module/index.js (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/vendor-chunks/@wordpress+blocks@12.32.0_react@18.2.0.js:490:1)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at eval (webpack-internal:///(rsc)/../../node_modules/.pnpm/@wordpress+editor@13.32.0_@types+react@18.2.61_react-dom@18.2.0_react@18.2.0/node_modules/@wordpress/editor/build-module/bindings/index.js:2:75)
atlas-editor:dev: at (rsc)/../../node_modules/.pnpm/@wordpress+editor@13.32.0_@types+react@18.2.61_react-dom@18.2.0_react@18.2.0/node_modules/@wordpress/editor/build-module/bindings/index.js (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/vendor-chunks/@wordpress+editor@13.32.0_@types+react@18.2.61_react-dom@18.2.0_react@18.2.0.js:20:1)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at eval (webpack-internal:///(rsc)/../../node_modules/.pnpm/@wordpress+editor@13.32.0_@types+react@18.2.61_react-dom@18.2.0_react@18.2.0/node_modules/@wordpress/editor/build-module/index.js:154:67)
atlas-editor:dev: at (rsc)/../../node_modules/.pnpm/@wordpress+editor@13.32.0_@types+react@18.2.61_react-dom@18.2.0_react@18.2.0/node_modules/@wordpress/editor/build-module/index.js (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/vendor-chunks/@wordpress+editor@13.32.0_@types+react@18.2.61_react-dom@18.2.0_react@18.2.0.js:1530:1)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at eval (webpack-internal:///(rsc)/../../packages/block-editor/src/IsolatedBlockEditor.tsx:15:75)
atlas-editor:dev: at (rsc)/../../packages/block-editor/src/IsolatedBlockEditor.tsx (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/app/gb/page.js:278:1)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at eval (webpack-internal:///(rsc)/../../packages/block-editor/src/block-editor.tsx:8:78)
atlas-editor:dev: at (rsc)/../../packages/block-editor/src/block-editor.tsx (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/app/gb/page.js:289:1)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at eval (webpack-internal:///(rsc)/./app/gb/page.tsx:7:89)
atlas-editor:dev: at (rsc)/./app/gb/page.tsx (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/app/gb/page.js:256:1)
atlas-editor:dev: at Function.__webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at async eB (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/node_modules/.pnpm/next@14.1.1_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:402523)
atlas-editor:dev: at async tt (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/node_modules/.pnpm/next@14.1.1_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:406237)
atlas-editor:dev: at async tr (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/node_modules/.pnpm/next@14.1.1_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:406787)
atlas-editor:dev: at async tr (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/node_modules/.pnpm/next@14.1.1_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:406918)
atlas-editor:dev: at async tr (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/node_modules/.pnpm/next@14.1.1_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:406918)
atlas-editor:dev: at async tl (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/node_modules/.pnpm/next@14.1.1_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:36:2057)
atlas-editor:dev: at async /Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/node_modules/.pnpm/next@14.1.1_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:36:2596 {
atlas-editor:dev: digest: '2848306707'
atlas-editor:dev: }
atlas-editor:dev: ⨯ ../node_modules/.pnpm/@wordpress+data@9.25.0_react@18.2.0/node_modules/@wordpress/data/build-module/components/registry-provider/context.js (10:37) @ defaultRegistry
atlas-editor:dev: ⨯ TypeError: (0 , _wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createContext) is not a function
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at eval (../../packages/block-editor/src/IsolatedBlockEditor.tsx:15:75)
atlas-editor:dev: at (rsc)/../../packages/block-editor/src/IsolatedBlockEditor.tsx (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/app/gb/page.js:278:1)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at eval (../../packages/block-editor/src/block-editor.tsx:8:78)
atlas-editor:dev: at (rsc)/../../packages/block-editor/src/block-editor.tsx (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/app/gb/page.js:289:1)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at eval (./app/gb/page.tsx:7:89)
atlas-editor:dev: at (rsc)/./app/gb/page.tsx (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/app/gb/page.js:256:1)
atlas-editor:dev: at Function.__webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at async Promise.all (index 0)
atlas-editor:dev: at async Promise.all (index 0)
atlas-editor:dev: null
atlas-editor:dev: ⨯ ../node_modules/.pnpm/@wordpress+data@9.25.0_react@18.2.0/node_modules/@wordpress/data/build-module/components/registry-provider/context.js (10:37) @ defaultRegistry
atlas-editor:dev: ⨯ TypeError: (0 , _wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createContext) is not a function
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at eval (../../packages/block-editor/src/IsolatedBlockEditor.tsx:15:75)
atlas-editor:dev: at (rsc)/../../packages/block-editor/src/IsolatedBlockEditor.tsx (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/app/gb/page.js:278:1)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at eval (../../packages/block-editor/src/block-editor.tsx:8:78)
atlas-editor:dev: at (rsc)/../../packages/block-editor/src/block-editor.tsx (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/app/gb/page.js:289:1)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at eval (./app/gb/page.tsx:7:89)
atlas-editor:dev: at (rsc)/./app/gb/page.tsx (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/app/gb/page.js:256:1)
atlas-editor:dev: at Function.__webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at async Promise.all (index 0)
atlas-editor:dev: at async Promise.all (index 0)
atlas-editor:dev: digest: "2359287421"
atlas-editor:dev: null
atlas-editor:dev: ⨯ ../node_modules/.pnpm/@wordpress+data@9.25.0_react@18.2.0/node_modules/@wordpress/data/build-module/components/registry-provider/context.js (10:37) @ defaultRegistry
atlas-editor:dev: ⨯ TypeError: (0 , _wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createContext) is not a function
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at eval (../../packages/block-editor/src/IsolatedBlockEditor.tsx:15:75)
atlas-editor:dev: at (rsc)/../../packages/block-editor/src/IsolatedBlockEditor.tsx (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/app/gb/page.js:278:1)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at eval (../../packages/block-editor/src/block-editor.tsx:8:78)
atlas-editor:dev: at (rsc)/../../packages/block-editor/src/block-editor.tsx (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/app/gb/page.js:289:1)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at eval (./app/gb/page.tsx:7:89)
atlas-editor:dev: at (rsc)/./app/gb/page.tsx (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/app/gb/page.js:256:1)
atlas-editor:dev: at Function.__webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: null
atlas-editor:dev: ⨯ ../node_modules/.pnpm/@wordpress+data@9.25.0_react@18.2.0/node_modules/@wordpress/data/build-module/components/registry-provider/context.js (10:37) @ defaultRegistry
atlas-editor:dev: ⨯ TypeError: (0 , _wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createContext) is not a function
atlas-editor:dev: at eval (webpack-internal:///(rsc)/../../node_modules/.pnpm/@wordpress+data@9.25.0_react@18.2.0/node_modules/@wordpress/data/build-module/components/registry-provider/context.js:16:82)
atlas-editor:dev: at (rsc)/../../node_modules/.pnpm/@wordpress+data@9.25.0_react@18.2.0/node_modules/@wordpress/data/build-module/components/registry-provider/context.js (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/vendor-chunks/@wordpress+data@9.25.0_react@18.2.0.js:40:1)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at eval (webpack-internal:///(rsc)/../../node_modules/.pnpm/@wordpress+data@9.25.0_react@18.2.0/node_modules/@wordpress/data/build-module/components/registry-provider/use-registry.js:7:66)
atlas-editor:dev: at (rsc)/../../node_modules/.pnpm/@wordpress+data@9.25.0_react@18.2.0/node_modules/@wordpress/data/build-module/components/registry-provider/use-registry.js (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/vendor-chunks/@wordpress+data@9.25.0_react@18.2.0.js:50:1)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at eval (webpack-internal:///(rsc)/../../node_modules/.pnpm/@wordpress+data@9.25.0_react@18.2.0/node_modules/@wordpress/data/build-module/components/use-select/index.js:10:89)
atlas-editor:dev: at (rsc)/../../node_modules/.pnpm/@wordpress+data@9.25.0_react@18.2.0/node_modules/@wordpress/data/build-module/components/use-select/index.js (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/vendor-chunks/@wordpress+data@9.25.0_react@18.2.0.js:80:1)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at eval (webpack-internal:///(rsc)/../../node_modules/.pnpm/@wordpress+data@9.25.0_react@18.2.0/node_modules/@wordpress/datlas-editor:dev: omponents/with-select/index.js:9:69)
atlas-editor:dev: at (rsc)/../../node_modules/.pnpm/@wordpress+data@9.25.0_react@18.2.0/node_modules/@wordpress/data/build-module/components/with-select/index.js (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/vendor-chunks/@wordpress+data@9.25.0_react@18.2.0.js:110:1)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at eval (webpack-internal:///(rsc)/../../node_modules/.pnpm/@wordpress+data@9.25.0_react@18.2.0/node_modules/@wordpress/data/build-module/index.js:33:81)
atlas-editor:dev: at (rsc)/../../node_modules/.pnpm/@wordpress+data@9.25.0_react@18.2.0/node_modules/@wordpress/data/build-module/index.js (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/vendor-chunks/@wordpress+data@9.25.0_react@18.2.0.js:160:1)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at eval (webpack-internal:///(rsc)/../../node_modules/.pnpm/@wordpress+blocks@12.32.0_react@18.2.0/node_modules/@wordpress/blocks/build-module/store/index.js:6:73)
atlas-editor:dev: at (rsc)/../../node_modules/.pnpm/@wordpress+blocks@12.32.0_react@18.2.0/node_modules/@wordpress/blocks/build-module/store/index.js (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/vendor-chunks/@wordpress+blocks@12.32.0_react@18.2.0.js:530:1)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at eval (webpack-internal:///(rsc)/../../node_modules/.pnpm/@wordpress+blocks@12.32.0_react@18.2.0/node_modules/@wordpress/blocks/build-module/index.js:77:64)
atlas-editor:dev: at (rsc)/../../node_modules/.pnpm/@wordpress+blocks@12.32.0_react@18.2.0/node_modules/@wordpress/blocks/build-module/index.js (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/vendor-chunks/@wordpress+blocks@12.32.0_react@18.2.0.js:490:1)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at eval (webpack-internal:///(rsc)/../../node_modules/.pnpm/@wordpress+editor@13.32.0_@types+react@18.2.61_react-dom@18.2.0_react@18.2.0/node_modules/@wordpress/editor/build-module/bindings/index.js:2:75)
atlas-editor:dev: at (rsc)/../../node_modules/.pnpm/@wordpress+editor@13.32.0_@types+react@18.2.61_react-dom@18.2.0_react@18.2.0/node_modules/@wordpress/editor/build-module/bindings/index.js (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/vendor-chunks/@wordpress+editor@13.32.0_@types+react@18.2.61_react-dom@18.2.0_react@18.2.0.js:20:1)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at eval (webpack-internal:///(rsc)/../../node_modules/.pnpm/@wordpress+editor@13.32.0_@types+react@18.2.61_react-dom@18.2.0_react@18.2.0/node_modules/@wordpress/editor/build-module/index.js:154:67)
atlas-editor:dev: at (rsc)/../../node_modules/.pnpm/@wordpress+editor@13.32.0_@types+react@18.2.61_react-dom@18.2.0_react@18.2.0/node_modules/@wordpress/editor/build-module/index.js (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/vendor-chunks/@wordpress+editor@13.32.0_@types+react@18.2.61_react-dom@18.2.0_react@18.2.0.js:1530:1)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at eval (webpack-internal:///(rsc)/../../packages/block-editor/src/IsolatedBlockEditor.tsx:15:75)
atlas-editor:dev: at (rsc)/../../packages/block-editor/src/IsolatedBlockEditor.tsx (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/app/gb/page.js:278:1)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at eval (webpack-internal:///(rsc)/../../packages/block-editor/src/block-editor.tsx:8:78)
atlas-editor:dev: at (rsc)/../../packages/block-editor/src/block-editor.tsx (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/app/gb/page.js:289:1)
atlas-editor:dev: at __webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at eval (webpack-internal:///(rsc)/./app/gb/page.tsx:7:89)
atlas-editor:dev: at (rsc)/./app/gb/page.tsx (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/app/gb/page.js:256:1)
atlas-editor:dev: at Function.__webpack_require__ (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/apps/atlas-editor/.next/server/webpack-runtime.js:33:43)
atlas-editor:dev: at async eB (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/node_modules/.pnpm/next@14.1.1_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:402523)
atlas-editor:dev: at async tt (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/node_modules/.pnpm/next@14.1.1_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:406237)
atlas-editor:dev: at async tr (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/node_modules/.pnpm/next@14.1.1_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:406787)
atlas-editor:dev: at async tr (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/node_modules/.pnpm/next@14.1.1_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:406918)
atlas-editor:dev: at async tr (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/node_modules/.pnpm/next@14.1.1_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:35:406918)
atlas-editor:dev: at async tl (/Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/node_modules/.pnpm/next@14.1.1_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:36:2057)
atlas-editor:dev: at async /Users/jpozivil/Sites/private/playground/turborepo-nextjs-with-isolated-block-editor/node_modules/.pnpm/next@14.1.1_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/compiled/next-server/app-page.runtime.dev.js:36:2596 {
atlas-editor:dev: digest: '2848306707',
atlas-editor:dev: page: '/gb'
atlas-editor:dev: }
atlas-editor:dev: null
```
Contributor guide
No contributing guide indexed for this repository
Research direction
Clone crs1138/turborepo-nextjs-with-isolated-block-editor, check out install-isolated-block-editor, and follow /README.md. Start with packages/block-editor/IsolatedBlockEditor.tsx and the app/gb/page.tsx entry point, then reproduce the createContext compilation error. Done means the /gb page compiles and the isolated editor can load in the NextJS application.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- next.js, react
- Domain
- build-system, frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 28/100