Editor Block shows error

  • Resolved s70s

    (@s70s)


    2 years, 4 months ago

    When I load WP Form in Editor , it appears ok. But, after I choose one form, it suddenly shows errors.

    All logs:

    /wp-json/wp/v2/block-renderer/wpforms/form-selector?context=edit&attributes%5BformId%5D=185&attributes%5BdisplayDesc%5D=true&attributes%5BclassName%5D=&attributes%5Banimation%5D=&post_id=202&_locale=user:1 

       Failed to load resource: the server responded with a status of 400 (Bad Request)
react.js?ver=17.0.1:1062 
        
       Uncaught Error: Objects are not valid as a React child (found: object with keys {error, errorMsg}). If you meant to render a collection of children, use an array instead.
    at mapIntoArray (react.js?ver=17.0.1:1062:19)
    at mapChildren (react.js?ver=17.0.1:1091:5)
    at Object.toArray (react.js?ver=17.0.1:1141:12)
    at RawHTML (element.js?ver=3dfdc75a0abf30f057df44e9a39abe5b:775:43)
    at renderWithHooks (react-dom.js?ver=17.0.1:15015:20)
    at mountIndeterminateComponent (react-dom.js?ver=17.0.1:17841:15)
    at beginWork (react-dom.js?ver=17.0.1:19079:18)
    at HTMLUnknownElement.callCallback (react-dom.js?ver=17.0.1:3942:16)
    at Object.invokeGuardedCallbackDev (react-dom.js?ver=17.0.1:3991:18)
    at invokeGuardedCallback (react-dom.js?ver=17.0.1:4053:33)
react-dom.js?ver=17.0.1:20115 
        
       The above error occurred in the <RawHTML> component:

    at RawHTML (https://s70s.studio/wp-includes/js/dist/element.js?ver=3dfdc75a0abf30f057df44e9a39abe5b:770:5)
    at div
    at div
    at DefaultLoadingResponsePlaceholder (https://s70s.studio/wp-includes/js/dist/server-side-render.js?ver=9aa1118308e1a7ca5fbe4b842b1ba63e:137:5)
    at ServerSideRender (https://s70s.studio/wp-includes/js/dist/server-side-render.js?ver=9aa1118308e1a7ca5fbe4b842b1ba63e:161:5)
    at https://s70s.studio/wp-includes/js/dist/server-side-render.js?ver=9aa1118308e1a7ca5fbe4b842b1ba63e:319:5
    at https://s70s.studio/wp-includes/js/dist/data.js?ver=6c1ab5799c4b061254d313d2d8d9fb87:4159:22
    at <anonymous> (https://s70s.studio/wp-includes/js/dist/compose.js?ver=e52c48958a19b766c6a9d28c02d53575:2244:10)
    at edit (https://s70s.studio/wp-content/plugins/wpforms-lite/assets/js/components/admin/gutenberg/formselector.min.js?ver=1.7.5.3:1:1727)
    at Edit (https://s70s.studio/wp-includes/js/dist/block-editor.js?ver=dd2732876a0044113826cb7f80522e70:12917:5)
    at https://s70s.studio/wp-includes/js/dist/block-editor.js?ver=dd2732876a0044113826cb7f80522e70:12273:11
    at https://s70s.studio/wp-includes/js/dist/block-editor.js?ver=dd2732876a0044113826cb7f80522e70:12486:84
    at https://s70s.studio/wp-includes/js/dist/block-editor.js?ver=dd2732876a0044113826cb7f80522e70:12593:93
    at https://s70s.studio/wp-includes/js/dist/block-editor.js?ver=dd2732876a0044113826cb7f80522e70:36340:33
    at https://s70s.studio/wp-includes/js/dist/block-editor.js?ver=dd2732876a0044113826cb7f80522e70:36707:90
    at https://s70s.studio/wp-includes/js/dist/block-editor.js?ver=dd2732876a0044113826cb7f80522e70:36988:11
    at https://s70s.studio/wp-includes/js/dist/block-library.js?ver=dcc9ded9544ed588a6ecc6aee441005c:36112:5
    at https://s70s.studio/wp-includes/js/dist/edit-post.js?ver=51ebcd5cd745a9866ab9a430d8318189:364:7
    at https://s70s.studio/wp-includes/js/dist/data.js?ver=6c1ab5799c4b061254d313d2d8d9fb87:4315:25
    at https://s70s.studio/wp-includes/js/dist/data.js?ver=6c1ab5799c4b061254d313d2d8d9fb87:4159:22
    at <anonymous> (https://s70s.studio/wp-includes/js/dist/compose.js?ver=e52c48958a19b766c6a9d28c02d53575:2244:10)
    at <anonymous> (https://s70s.studio/wp-content/plugins/visual-portfolio/gutenberg/index.min.js?ver=2.17.1:2:792709)
    at https://s70s.studio/wp-includes/js/dist/data.js?ver=6c1ab5799c4b061254d313d2d8d9fb87:4159:22
    at <anonymous> (https://s70s.studio/wp-includes/js/dist/compose.js?ver=e52c48958a19b766c6a9d28c02d53575:2244:10)
    at https://s70s.studio/wp-content/plugins/visual-portfolio-pro/modules/popup/iframe/assets/admin/popup-iframe-fallback.min.js?ver=1.12.2:1:210
    at WithInspectorControls(WithIframeOptionFallback(WithUniqueBlockId(WithMultipleValidation(WithInspectorControls(WithInspectorControls(WithDuotoneControls(WithToolbarControls(WithInspectorControl(WithInspectorControl(WithToolbarControls(Edit)))))))))))
    at https://s70s.studio/wp-content/themes/exs-pro/extra/assets/js/min/gutenberg.js?ver=1.9.8:1:3993
    at https://s70s.studio/wp-content/themes/exs-pro/extra/assets/js/min/gutenberg.js?ver=1.9.8:1:12585
    at https://s70s.studio/wp-content/themes/exs-pro/extra/assets/js/min/gutenberg.js?ver=1.9.8:1:15275
    at https://s70s.studio/wp-content/themes/exs-pro/extra/assets/js/min/gutenberg.js?ver=1.9.8:1:17292
    at https://s70s.studio/wp-content/themes/exs-pro/extra/assets/js/min/gutenberg.js?ver=1.9.8:1:21009
    at https://s70s.studio/wp-content/themes/exs-pro/extra/assets/js/min/gutenberg.js?ver=1.9.8:1:26823
    at https://s70s.studio/wp-content/themes/exs-pro/extra/assets/js/min/gutenberg.js?ver=1.9.8:1:28026
    at https://s70s.studio/wp-content/themes/exs-pro/extra/assets/js/min/gutenberg.js?ver=1.9.8:1:29618
    at https://s70s.studio/wp-content/themes/exs-pro/extra/assets/js/min/gutenberg.js?ver=1.9.8:1:31446
    at FilteredComponentRenderer (https://s70s.studio/wp-includes/js/dist/components.js?ver=0e6d68fb5b3f61d537b3d3411bddd6fc:74397:9)
    at BlockEdit (https://s70s.studio/wp-includes/js/dist/block-editor.js?ver=dd2732876a0044113826cb7f80522e70:12977:5)
    at div
    at Block (https://s70s.studio/wp-includes/js/dist/block-editor.js?ver=dd2732876a0044113826cb7f80522e70:18666:5)
    at BlockCrashBoundary (https://s70s.studio/wp-includes/js/dist/block-editor.js?ver=dd2732876a0044113826cb7f80522e70:13329:5)
    at BlockListBlock (https://s70s.studio/wp-includes/js/dist/block-editor.js?ver=dd2732876a0044113826cb7f80522e70:18698:7)
    at https://s70s.studio/wp-includes/js/dist/block-editor.js?ver=dd2732876a0044113826cb7f80522e70:12323:5
    at https://s70s.studio/wp-includes/js/dist/block-editor.js?ver=dd2732876a0044113826cb7f80522e70:32285:5
    at https://s70s.studio/wp-includes/js/dist/block-editor.js?ver=dd2732876a0044113826cb7f80522e70:34113:5
    at https://s70s.studio/wp-includes/js/dist/block-editor.js?ver=dd2732876a0044113826cb7f80522e70:35341:21
    at https://s70s.studio/wp-includes/js/dist/block-editor.js?ver=dd2732876a0044113826cb7f80522e70:36353:112
    at https://s70s.studio/wp-includes/js/dist/block-editor.js?ver=dd2732876a0044113826cb7f80522e70:36751:87
    at https://s70s.studio/wp-includes/js/dist/block-editor.js?ver=dd2732876a0044113826cb7f80522e70:37007:5
    at https://s70s.studio/wp-includes/js/dist/data.js?ver=6c1ab5799c4b061254d313d2d8d9fb87:4159:22
    at <anonymous> (https://s70s.studio/wp-includes/js/dist/compose.js?ver=e52c48958a19b766c6a9d28c02d53575:2244:10)
    at FilteredComponentRenderer (https://s70s.studio/wp-includes/js/dist/components.js?ver=0e6d68fb5b3f61d537b3d3411bddd6fc:74397:9)
    at https://s70s.studio/wp-includes/js/dist/compose.js?ver=e52c48958a19b766c6a9d28c02d53575:2201:8
    at https://s70s.studio/wp-includes/js/dist/data.js?ver=6c1ab5799c4b061254d313d2d8d9fb87:4315:25
    at https://s70s.studio/wp-includes/js/dist/data.js?ver=6c1ab5799c4b061254d313d2d8d9fb87:4159:22
    at <anonymous> (https://s70s.studio/wp-includes/js/dist/compose.js?ver=e52c48958a19b766c6a9d28c02d53575:2236:12)
    at Items (https://s70s.studio/wp-includes/js/dist/block-editor.js?ver=dd2732876a0044113826cb7f80522e70:31592:5)
    at BlockListItems
    at div
    at Root (https://s70s.studio/wp-includes/js/dist/block-editor.js?ver=dd2732876a0044113826cb7f80522e70:31545:5)
    at BlockToolsBackCompat (https://s70s.studio/wp-includes/js/dist/block-editor.js?ver=dd2732876a0044113826cb7f80522e70:30605:5)
    at BlockList (https://s70s.studio/wp-includes/js/dist/block-editor.js?ver=dd2732876a0044113826cb7f80522e70:31583:3)
    at https://s70s.studio/wp-includes/js/dist/block-editor.js?ver=dd2732876a0044113826cb7f80522e70:49374:7
    at div
    at WritingFlow (https://s70s.studio/wp-includes/js/dist/block-editor.js?ver=dd2732876a0044113826cb7f80522e70:20654:5)
    at MaybeIframe (https://s70s.studio/wp-includes/js/dist/edit-post.js?ver=51ebcd5cd745a9866ab9a430d8318189:3632:5)
    at div
    at VisualElementHandler (https://s70s.studio/wp-includes/js/dist/components.js?ver=0e6d68fb5b3f61d537b3d3411bddd6fc:31656:42)
    at MotionComponent (https://s70s.studio/wp-includes/js/dist/components.js?ver=0e6d68fb5b3f61d537b3d3411bddd6fc:31709:24)
    at div
    at VisualElementHandler (https://s70s.studio/wp-includes/js/dist/components.js?ver=0e6d68fb5b3f61d537b3d3411bddd6fc:31656:42)
    at MotionComponent (https://s70s.studio/wp-includes/js/dist/components.js?ver=0e6d68fb5b3f61d537b3d3411bddd6fc:31709:24)
    at InsertionPoint (https://s70s.studio/wp-includes/js/dist/block-editor.js?ver=dd2732876a0044113826cb7f80522e70:25916:5)
    at div
    at BlockTools (https://s70s.studio/wp-includes/js/dist/block-editor.js?ver=dd2732876a0044113826cb7f80522e70:48558:5)
    at VisualEditor (https://s70s.studio/wp-includes/js/dist/edit-post.js?ver=51ebcd5cd745a9866ab9a430d8318189:3673:5)
    at div
    at div
    at div
    at div
    at InterfaceSkeleton (https://s70s.studio/wp-includes/js/dist/edit-post.js?ver=51ebcd5cd745a9866ab9a430d8318189:1599:5)
    at Layout (https://s70s.studio/wp-includes/js/dist/edit-post.js?ver=51ebcd5cd745a9866ab9a430d8318189:8668:5)
    at ErrorBoundary (https://s70s.studio/wp-includes/js/dist/editor.js?ver=5ed697cafca349e71af1c7f8842fcd44:5668:5)
    at BlockRefsProvider (https://s70s.studio/wp-includes/js/dist/block-editor.js?ver=dd2732876a0044113826cb7f80522e70:9762:5)
    at BlockEditorProvider (https://s70s.studio/wp-includes/js/dist/block-editor.js?ver=dd2732876a0044113826cb7f80522e70:19412:5)
    at https://s70s.studio/wp-includes/js/dist/block-editor.js?ver=dd2732876a0044113826cb7f80522e70:19111:7
    at WithRegistryProvider(BlockEditorProvider)
    at BlockContextProvider (https://s70s.studio/wp-includes/js/dist/block-editor.js?ver=dd2732876a0044113826cb7f80522e70:12870:5)
    at EntityProvider (https://s70s.studio/wp-includes/js/dist/core-data.js?ver=95df951bbac4c9f2fd2e6da80561595d:5570:5)
    at EntityProvider (https://s70s.studio/wp-includes/js/dist/core-data.js?ver=95df951bbac4c9f2fd2e6da80561595d:5570:5)
    at EditorProvider (https://s70s.studio/wp-includes/js/dist/editor.js?ver=5ed697cafca349e71af1c7f8842fcd44:11574:5)
    at https://s70s.studio/wp-includes/js/dist/editor.js?ver=5ed697cafca349e71af1c7f8842fcd44:11342:5
    at WithRegistryProvider(EditorProvider)
    at SlotFillProvider (https://s70s.studio/wp-includes/js/dist/components.js?ver=0e6d68fb5b3f61d537b3d3411bddd6fc:23139:5)
    at provider_SlotFillProvider (https://s70s.studio/wp-includes/js/dist/components.js?ver=0e6d68fb5b3f61d537b3d3411bddd6fc:23167:5)
    at Provider (https://s70s.studio/wp-includes/js/dist/components.js?ver=0e6d68fb5b3f61d537b3d3411bddd6fc:23316:5)
    at div
    at ShortcutProvider (https://s70s.studio/wp-includes/js/dist/keyboard-shortcuts.js?ver=37fdd241f3be3126e9248060e363e7c9:762:75)
    at Editor (https://s70s.studio/wp-includes/js/dist/edit-post.js?ver=51ebcd5cd745a9866ab9a430d8318189:8948:5)

React will try to recreate this component tree from scratch using the error boundary you provided, BlockCrashBoundary.
Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello, @s70s !

    ExS Theme is here ??
    It seems that WP forms block does not support custom attributes (properties or props in the React terminology) for the WPForms block.

    Can you please try to go to your Customizer – ExS Theme Options – Animation, check ‘Disable animation additional controls for blocks’ ckeckbox and test your block once again?

    flameshot_screenshot

    Please let us know if it helps!

    Best regards

    Thread Starter s70s

    (@s70s)

    Yes, exs theme is right. After doing what you said, it can display normally. I didn’t expect that this was related to the theme. I thought it was the problem of WP form, because other plug-ins I used worked well. I’m glad to get support quickly even in here!

    Glad to help!
    WordPress match sends email if someone mention ‘exs’ on the wp.org forums – very helpful.

    Technically – it’s not a bug, it’s a feature )))
    But if say seriously – I guess that we will need to modify our Gutenberg animation functionality to work only with limited number of core blocks instead of extending all custom blocks because this issue appear pretty often, unfortunately.

    Stay tuned.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Editor Block shows error’ is closed to new replies.