Compatibility with WP 6.2 Gutenberg
-
Hi,
It seems there are some issues of compatibility between latest Editor Plus and latest WP 6.2
When I try editing a page (gutenberg edition), there are some errors related to react.js and react-dom.js:
Warning: Each child in a list should have a unique “key” prop.
Check the render method of
WithAdvancedControls(WithAdvancedControls(WithAdvancedControls(WithAdvancedControls(WithAdvancedControls(Component)))))
. See https://reactjs.org/link/warning-keys for more information.GET https://my-website.tldr/wp-json/wp/v2/blocks?context=edit&per_page=100&lang=fr&_locale=user
[HTTP/2 500 Internal Server Error 5353ms]Did someone notice that ?
Thanks.
Best regards
-
Hello,
WordPress automaticly update from 6.1 to 6.2.EditorsKit Version 1.34.6.
Updating or publishing pages is not possible. After click to update a page, the process just hangs forever and never completes.
Here are some errors in the dev console :
===1===========================================
https://MyWebSite/wp-includes/js/dist/block-editor.min.js?ver=ed2b2aa3837336baf00f:41 [Violation] Added non-passive event listener to a scroll-blocking ‘touchstart’ event. Consider marking event handler as ‘passive’ to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952?(anonyme)@block-editor.min.js?…2aa3837336baf00f:41?(anonyme)@compose.min.js?ver=7…916e3b2ef0ea01400:[email protected]?ver=7…916e3b2ef0ea01400:9?(anonyme)@compose.min.js?ver=7…916e3b2ef0ea01400:9?(anonyme)@compose.min.js?ver=7…916e3b2ef0ea01400:[email protected]?ver=18.2.0:[email protected]?ver=18.2.0:[email protected]?ver=18.2.0:[email protected]?ver=18.2.0:10?(anonyme)@react-dom.min.js?ver=18.2.0:[email protected]?ver=18.2.0:[email protected]?ver=18.2.0:[email protected]?ver=18.2.0:10?(anonyme)@react-dom.min.js?ver=18.2.0:10
===2===========================================
https://MyWebSite/wp-includes/js/dist/vendor/react-dom.min.js?ver=18.2.0:10
[Violation] ‘focusin’ handler took 202ms===3===========================================
https://MyWebSite/wp-includes/js/dist/vendor/react-dom.min.js?ver=18.2.0:10
react-dom.min.js?ver=18.2.0:10 [Violation] ‘selectionchange’ handler took 265ms===4===========================================
https://MyWebSite/wp-includes/js/dist/api-fetch.min.js?ver=bc0029ca2c943aec5311:2
échec du chargement de Fetch?: GET “https:///wp-json/wp-block-editor/v1/url-details?url=https%3A%2F%2F%2Fnos-dechets-menagers%2F&_locale=user”.I hope it could help you.
__Teddy__
Hi Teddybeer,
Thanks, but it seems that’s not same issue.
So, I’m afraid it does not help me …
Hey @joy0114
Are you sure this is caused by the EditorPlus plugin? I couldn’t replicate the issue. I suggest you debug this by disabling all other plugin except Editor plus to make sure it is not caused by another plugin. Also make sure to purge all cache before testing.
@teddybeer This seems a different issue, thanks for helping though. ??
Hi Munir,
Thanks for your quick answer.
Yes, I purged ALL server side cache (litespeed):js, pages, objects, opcache, all …
As a matter of fact, these kind of errors are produced by the two plugins I use, which are related to gutenberg: Editor Plus and Spectra (Astra – Brainstorm Force).
If I disable theses 2 plugins, no problem (well, almost), just this error:
https://my-website.tld/wp-json/wp/v2/blocks?context=edit&per_page=100&lang=fr&_locale=user
[HTTP/2 500 Internal Server Error 7362ms]But no errors about react.
If I just enable Editor Plus (and let Spectra disabled):
Warning: Each child in a list should have a unique "key" prop. Check the render method of WithAdvancedControls(WithAdvancedControls(WithAdvancedControls(WithAdvancedControls(WithAdvancedControls(Component))))). See https://reactjs.org/link/warning-keys for more information. Ae@https://my-website.tld/wp-content/ajouts/editorplus/dist/gutenberg-editor.js:1:391773 4472/Js</<@https://my-website.tldr/wp-content/ajouts/editorplus/dist/gutenberg-editor.js:1:575011 4472/pl</<@https://my-website.tld/wp-content/ajouts/editorplus/dist/gutenberg-editor.js:1:598137 4472/gl</<@https://my-website.tldr/wp-content/ajouts/editorplus/dist/gutenberg-editor.js:1:600968 4472/zh</<@https://my-website.tld/wp-content/ajouts/editorplus/dist/gutenberg-editor.js:1:686832 queryTopInspectorControls</<@https://my-website.tldr/wp-includes/js/dist/block-library.js:44216:7 this.wc.blocks.cart</N</<@https://my-website.tld/wp-content/ajouts/woocommerce/packages/woocommerce-blocks/build/cart.js:51:1793 this.wc.blocks.cart</</<@https://my-website.tld/wp-content/ajouts/woocommerce/packages/woocommerce-blocks/build/cart.js:59:11942 FilteredComponentRenderer@https://my-website.tld/wp-includes/js/dist/components.js:67352:9 BlockEdit@https://my-website.tld/wp-includes/js/dist/block-editor.js:16303:7 BlockCrashBoundary@https://my-website.tld/wp-includes/js/dist/block-editor.js:16658:5 BlockListBlock@https://my-website.tld/wp-includes/js/dist/block-editor.js:17841:7 withDataAlign</<@https://my-website.tld/wp-includes/js/dist/block-editor.js:15715:7 withPositionStyles</<@https://my-website.tld/wp-includes/js/dist/block-editor.js:32265:7 withBorderColorPaletteStyles</<@https://my-website.tld/wp-includes/js/dist/block-editor.js:35096:7 withColorPaletteStyles</<@https://my-website.tld/wp-includes/js/dist/block-editor.js:36200:7 withFontSizeInlineStyles</<@https://my-website.tld/wp-includes/js/dist/block-editor.js:37675:31 withElementsStyles</<@https://my-website.tld/wp-includes/js/dist/block-editor.js:38856:112 withDuotoneStyles</<@https://my-website.tld/wp-includes/js/dist/block-editor.js:39236:29 withLayoutStyles</<@https://my-website.tld/wp-includes/js/dist/block-editor.js:39562:7 withChildLayoutStyles</<@https://my-website.tld/wp-includes/js/dist/block-editor.js:39632:7 e@https://my-website.tld/wp-content/ajouts/woocommerce/packages/woocommerce-blocks/build/wc-blocks.js:1:4611 FilteredComponentRenderer@https://my-website.tld/wp-includes/js/dist/components.js:67352:9 ifCondition/</<@https://my-website.tld/wp-includes/js/dist/compose.js:2958:10 withDispatch/</<@https://my-website.tld/wp-includes/js/dist/data.js:4201:46 withSelect/</<@https://my-website.tld/wp-includes/js/dist/data.js:4043:31 @https://d029-09392bf54fae.wptiger.fr/wp-includes/js/dist/compose.js:2995:12 Items@https://my-website.tld/wp-includes/js/dist/block-editor.js:33925:7 BlockListItems div Root@https://my-website.tld/wp-includes/js/dist/block-editor.js:33837:7 BlockToolsBackCompat@https://my-website.tld/wp-includes/js/dist/block-editor.js:32714:7 BlockList@https://my-website.tld/wp-includes/js/dist/block-editor.js:33911:3 RecursionProvider@https://my-website.tld/wp-includes/js/dist/block-editor.js:53342:7 div WritingFlow@https://my-website.tldr/wp-includes/js/dist/block-editor.js:19998:7 MaybeIframe@https://my-website.tldr/wp-includes/js/dist/edit-post.js:3725:7 div VisualElementHandler@https://my-website.tld/wp-includes/js/dist/components.js:5745:1 MotionComponent@https://my-website.tld/wp-includes/js/dist/components.js:5809:46 div VisualElementHandler@https://my-website.tldr/wp-includes/js/dist/components.js:5745:1 MotionComponent@https://my-website.tld/wp-includes/js/dist/components.js:5809:46 div BlockTools@https://my-website.tld/wp-includes/js/dist/block-editor.js:52502:7 VisualEditor@https://my-website.tld/wp-includes/js/dist/edit-post.js:3787:7 div NavigableRegion@https://my-website.tld/wp-includes/js/dist/edit-post.js:1678:7 div div div InterfaceSkeleton@https://my-website.tld/wp-includes/js/dist/edit-post.js:1741:7 Layout@https://my-website.tld/wp-includes/js/dist/edit-post.js:9287:7 ErrorBoundary@https://my-website.tldr/wp-includes/js/dist/editor.js:6303:5 BlockRefsProvider@https://my-website.tld/wp-includes/js/dist/block-editor.js:11075:7 ExperimentalBlockEditorProvider<@https://my-website.tld/wp-includes/js/dist/block-editor.js:18764:7 withRegistryProvider</<@https://my-website.tld/wp-includes/js/dist/block-editor.js:18460:9 WithRegistryProvider(Component) BlockContextProvider@https://my-website.tld/wp-includes/js/dist/block-editor.js:16190:7 EntityProvider@https://my-website.tld/wp-includes/js/dist/core-data.js:6140:7 EntityProvider@https://my-website.tld/wp-includes/js/dist/core-data.js:6140:7 ExperimentalEditorProvider<@https://my-website.tld/wp-includes/js/dist/editor.js:13367:7 withRegistryProvider</<@https://my-website.tld/wp-includes/js/dist/editor.js:12879:7 WithRegistryProvider(Component) SlotFillProvider@https://my-website.tld/wp-includes/js/dist/components.js:19965:7 provider_SlotFillProvider@https://my-website.tld/wp-includes/js/dist/components.js:19987:5 Provider@https://my-website.tld/wp-includes/js/dist/components.js:20141:7 div ShortcutProvider@https://my-website.tld/wp-includes/js/dist/keyboard-shortcuts.js:778:75 Editor@https://my-website.tldr/wp-includes/js/dist/edit-post.js:9585:7 react.js:199:32 XHR GEThttps://my-website.tld/wp-json/wp/v2/blocks?context=edit&per_page=100&lang=fr&_locale=user [HTTP/2 500 Internal Server Error 7362ms]
It seems related to “new” React 18.
If I just enable Spectra (so, with Editor Plus disabled), Spectra also provides these kind of errors with React (“Each child in a list should have a unique “key” prop.”).
And, of course, If I enable Editor Plus AND Spectra (in other words, my two plugins which are related to Gutenberg), errors concerning React are accumulated.
Thanks for any ideas.
Best regardsHi,
It was an issue with database cache.
Solved.
ThanksGood to hear that it is resolved. Thanks to update.
- The topic ‘Compatibility with WP 6.2 Gutenberg’ is closed to new replies.