fixed JS error when inserting response to editor

.eslintrc.js

@@ -1,3 +1,6 @@
 module.exports = {
 	extends: ['plugin:@wordpress/eslint-plugin/recommended'],
+	settings: {
+		'import/core-modules': ['jquery', 'lodash'],
+	},
 };

src/editor/components/editor-styles/index.js

@@ -1,15 +1,7 @@
-/**
- * WordPress dependencies
- */
-// eslint-disable-next-line import/no-extraneous-dependencies
 import { compact, map } from 'lodash';
-import { createPortal, useContext, useMemo } from '@wordpress/element';
-import { transformStyles, BlockList } from '@wordpress/block-editor';
 
-const { elementContext: __stableElementContext, __unstableElementContext } =
-	BlockList;
-
-const elementContext = __stableElementContext || __unstableElementContext;
+import { transformStyles } from '@wordpress/block-editor';
+import { useMemo } from '@wordpress/element';
 
 const EDITOR_STYLES_SELECTOR = '.editor-styles-wrapper';
 
@@ -35,19 +27,11 @@ export default function EditorStyles(props) {
 		return resultStyles;
 	}, [styles]);
 
-	const element = useContext(elementContext);
-
 	return (
-		renderStyles &&
-		element &&
-		createPortal(
-			<style
-				// eslint-disable-next-line react/no-danger
-				dangerouslySetInnerHTML={{
-					__html: renderStyles,
-				}}
-			/>,
-			element
-		)
+		<style
+			dangerouslySetInnerHTML={{
+				__html: renderStyles,
+			}}
+		/>
 	);
 }