• Resolved mohammedkadhim

    (@mohammedkadhim)


    When I try to style a form, Booster flashes then displays a blank page. Reinstalled booster. Disabled all plugins except Booster and Gravity Forms and switched to WordPress default theme. Nothing fixed the issue.
    I’m running WordPress 6.9. With PHP 8.5 and the latest version of Booster.
    I also noticed too many errors in the Console window when I view the style page as it turns white:

    react.js?ver=18.3.1.1:199 Warning: Each child in a list should have a unique “key” prop.

    Check the render method of Ke. See https://reactjs.org/link/warning-keys for more information.
    at div
    at Ke (https://itrdc.uokufa.edu.iq/wp-content/plugins/styles-and-layouts-for-gravity-forms/build/index.js?ver=4a0333d…:1:226607)
    at div
    at https://itrdc.uokufa.edu.iq/wp-content/plugins/styles-and-layouts-for-gravity-forms/build/index.js?ver=4a0333d…:1:237584
    react-dom.js?ver=18.3.1.1:73 Warning: You are calling ReactDOMClient.createRoot() on a container that has already been passed to createRoot() before. Instead, call root.render() on the existing root instead if you want to update it.
    react.js?ver=18.3.1.1:199 Warning: Each child in a list should have a unique “key” prop.

    Check the render method of q. See https://reactjs.org/link/warning-keys for more information.
    at UnforwardedMenuItem (https://itrdc.uokufa.edu.iq/wp-includes/js/dist/components.js?ver=64ac954…:54209:5)
    at q (https://itrdc.uokufa.edu.iq/wp-content/plugins/styles-and-layouts-for-gravity-forms/build/index.js?ver=4a0333d…:1:144488)
    at div
    at J (https://itrdc.uokufa.edu.iq/wp-content/plugins/styles-and-layouts-for-gravity-forms/build/index.js?ver=4a0333d…:1:151137)
    at div
    at Ke (https://itrdc.uokufa.edu.iq/wp-content/plugins/styles-and-layouts-for-gravity-forms/build/index.js?ver=4a0333d…:1:226607)
    at div
    at https://itrdc.uokufa.edu.iq/wp-content/plugins/styles-and-layouts-for-gravity-forms/build/index.js?ver=4a0333d…:1:237584
    VM513 index.js:1 Uncaught TypeError: Cannot add property fieldId, object is not extensible
    at f (VM513 index.js:1:57704)
    at react.js?ver=18.3.1.1:1148:19
    at mapIntoArray (react.js?ver=18.3.1.1:1039:25)
    at mapIntoArray (react.js?ver=18.3.1.1:1089:25)
    at Object.mapChildren as map
    at f (VM513 index.js:1:58362)
    at react.js?ver=18.3.1.1:1148:19
    at mapIntoArray (react.js?ver=18.3.1.1:1039:25)
    at mapIntoArray (react.js?ver=18.3.1.1:1089:25)
    at Object.mapChildren as map
    VM513 index.js:1 Uncaught TypeError: Cannot add property fieldId, object is not extensible
    at f (VM513 index.js:1:57704)
    at react.js?ver=18.3.1.1:1148:19
    at mapIntoArray (react.js?ver=18.3.1.1:1039:25)
    at mapIntoArray (react.js?ver=18.3.1.1:1089:25)
    at Object.mapChildren as map
    at f (VM513 index.js:1:58362)
    at react.js?ver=18.3.1.1:1148:19
    at mapIntoArray (react.js?ver=18.3.1.1:1039:25)
    at mapIntoArray (react.js?ver=18.3.1.1:1089:25)
    at Object.mapChildren as map
    react-dom.js?ver=18.3.1.1:11115 Uncaught NotFoundError: Failed to execute ‘removeChild’ on ‘Node’: The node to be removed is not a child of this node.
    at removeChildFromContainer (react-dom.js?ver=18.3.1.1:11115:17)
    at commitDeletionEffectsOnFiber (react-dom.js?ver=18.3.1.1:24075:17)
    at recursivelyTraverseDeletionEffects (react-dom.js?ver=18.3.1.1:24038:7)
    at commitDeletionEffectsOnFiber (react-dom.js?ver=18.3.1.1:24167:11)
    at commitDeletionEffects (react-dom.js?ver=18.3.1.1:24025:7)
    at recursivelyTraverseMutationEffects (react-dom.js?ver=18.3.1.1:24308:11)
    at commitMutationEffectsOnFiber (react-dom.js?ver=18.3.1.1:24481:11)
    at commitMutationEffects (react-dom.js?ver=18.3.1.1:24292:5)
    at commitRootImpl (react-dom.js?ver=18.3.1.1:26859:7)
    at commitRoot (react-dom.js?ver=18.3.1.1:26731:7)
    react-dom.js?ver=18.3.1.1:18714 The above error occurred in the component:

    at m (https://itrdc.uokufa.edu.iq/wp-content/plugins/styles-and-layouts-for-gravity-forms/build/index.js?ver=4a0333d…:1:53496)
    at div
    at J (https://itrdc.uokufa.edu.iq/wp-content/plugins/styles-and-layouts-for-gravity-forms/build/index.js?ver=4a0333d…:1:151137)
    at div
    at Ke (https://itrdc.uokufa.edu.iq/wp-content/plugins/styles-and-layouts-for-gravity-forms/build/index.js?ver=4a0333d…:1:226607)
    at div
    at https://itrdc.uokufa.edu.iq/wp-content/plugins/styles-and-layouts-for-gravity-forms/build/index.js?ver=4a0333d…:1:237584

    Consider adding an error boundary to your tree to customize error handling behavior.
    Visit https://reactjs.org/link/error-boundaries to learn more about error boundaries.
    react-dom.js?ver=18.3.1.1:26972 Uncaught TypeError: Cannot add property fieldId, object is not extensible
    at f (VM513 index.js:1:57704)
    at react.js?ver=18.3.1.1:1148:19
    at mapIntoArray (react.js?ver=18.3.1.1:1039:25)
    at mapIntoArray (react.js?ver=18.3.1.1:1089:25)
    at Object.mapChildren as map
    at f (VM513 index.js:1:58362)
    at react.js?ver=18.3.1.1:1148:19
    at mapIntoArray (react.js?ver=18.3.1.1:1039:25)
    at mapIntoArray (react.js?ver=18.3.1.1:1089:25)
    at Object.mapChildren as map
    react-dom.js?ver=18.3.1.1:18714 The above error occurred in one of your React components:

    at https://itrdc.uokufa.edu.iq/wp-content/plugins/styles-and-layouts-for-gravity-forms/build/index.js?ver=4a0333d…:1:237584

    Consider adding an error boundary to your tree to customize error handling behavior.
    Visit https://reactjs.org/link/error-boundaries to learn more about error boundaries.
    react-dom.js?ver=18.3.1.1:11115 Uncaught NotFoundError: Failed to execute ‘removeChild’ on ‘Node’: The node to be removed is not a child of this node.
    at removeChildFromContainer (react-dom.js?ver=18.3.1.1:11115:17)
    at commitDeletionEffectsOnFiber (react-dom.js?ver=18.3.1.1:24075:17)
    at recursivelyTraverseDeletionEffects (react-dom.js?ver=18.3.1.1:24038:7)
    at commitDeletionEffectsOnFiber (react-dom.js?ver=18.3.1.1:24167:11)
    at commitDeletionEffects (react-dom.js?ver=18.3.1.1:24025:7)
    at recursivelyTraverseMutationEffects (react-dom.js?ver=18.3.1.1:24308:11)
    at commitMutationEffectsOnFiber (react-dom.js?ver=18.3.1.1:24481:11)
    at commitMutationEffects (react-dom.js?ver=18.3.1.1:24292:5)
    at commitRootImpl (react-dom.js?ver=18.3.1.1:26859:7)
    at commitRoot (react-dom.js?ver=18.3.1.1:26731:7)
    index.js?ver=4a0333d…:1 Uncaught TypeError: Cannot add property fieldId, object is not extensible
    at f (index.js?ver=4a0333d…5b49e7e1ace:1:57704)
    at react.js?ver=18.3.1.1:1148:19
    at mapIntoArray (react.js?ver=18.3.1.1:1039:25)
    at mapIntoArray (react.js?ver=18.3.1.1:1089:25)
    at Object.mapChildren as map
    at f (index.js?ver=4a0333d…5b49e7e1ace:1:58362)
    at react.js?ver=18.3.1.1:1148:19
    at mapIntoArray (react.js?ver=18.3.1.1:1039:25)
    at mapIntoArray (react.js?ver=18.3.1.1:1089:25)
    at Object.mapChildren as map
    index.js?ver=4a0333d…:1 Uncaught TypeError: Cannot add property fieldId, object is not extensible
    at f (index.js?ver=4a0333d…5b49e7e1ace:1:57704)
    at react.js?ver=18.3.1.1:1148:19
    at mapIntoArray (react.js?ver=18.3.1.1:1039:25)
    at mapIntoArray (react.js?ver=18.3.1.1:1089:25)
    at Object.mapChildren as map
    at f (index.js?ver=4a0333d…5b49e7e1ace:1:58362)
    at react.js?ver=18.3.1.1:1148:19
    at mapIntoArray (react.js?ver=18.3.1.1:1039:25)
    at mapIntoArray (react.js?ver=18.3.1.1:1089:25)
    at Object.mapChildren as map
    react-dom.js?ver=18.3.1.1:11115 Uncaught NotFoundError: Failed to execute ‘removeChild’ on ‘Node’: The node to be removed is not a child of this node.
    at removeChildFromContainer (react-dom.js?ver=18.3.1.1:11115:17)
    at commitDeletionEffectsOnFiber (react-dom.js?ver=18.3.1.1:24075:17)
    at recursivelyTraverseDeletionEffects (react-dom.js?ver=18.3.1.1:24038:7)
    at commitDeletionEffectsOnFiber (react-dom.js?ver=18.3.1.1:24167:11)
    at commitDeletionEffects (react-dom.js?ver=18.3.1.1:24025:7)
    at recursivelyTraverseMutationEffects (react-dom.js?ver=18.3.1.1:24308:11)
    at commitMutationEffectsOnFiber (react-dom.js?ver=18.3.1.1:24481:11)
    at commitMutationEffects (react-dom.js?ver=18.3.1.1:24292:5)
    at commitRootImpl (react-dom.js?ver=18.3.1.1:26859:7)
    at commitRoot (react-dom.js?ver=18.3.1.1:26731:7)
    react-dom.js?ver=18.3.1.1:18714 The above error occurred in the component:

    at m (https://itrdc.uokufa.edu.iq/wp-content/plugins/styles-and-layouts-for-gravity-forms/build/index.js?ver=4a0333d…:1:53496)
    at div
    at J (https://itrdc.uokufa.edu.iq/wp-content/plugins/styles-and-layouts-for-gravity-forms/build/index.js?ver=4a0333d…:1:151137)
    at div
    at Ke (https://itrdc.uokufa.edu.iq/wp-content/plugins/styles-and-layouts-for-gravity-forms/build/index.js?ver=4a0333d…:1:226607)
    at div
    at https://itrdc.uokufa.edu.iq/wp-content/plugins/styles-and-layouts-for-gravity-forms/build/index.js?ver=4a0333d…:1:237584

    Consider adding an error boundary to your tree to customize error handling behavior.
    Visit https://reactjs.org/link/error-boundaries to learn more about error boundaries.
    react-dom.js?ver=18.3.1.1:26972 Uncaught TypeError: Cannot add property fieldId, object is not extensible
    at f (index.js?ver=4a0333d…5b49e7e1ace:1:57704)
    at react.js?ver=18.3.1.1:1148:19
    at mapIntoArray (react.js?ver=18.3.1.1:1039:25)
    at mapIntoArray (react.js?ver=18.3.1.1:1089:25)
    at Object.mapChildren as map
    at f (index.js?ver=4a0333d…5b49e7e1ace:1:58362)
    at react.js?ver=18.3.1.1:1148:19
    at mapIntoArray (react.js?ver=18.3.1.1:1039:25)
    at mapIntoArray (react.js?ver=18.3.1.1:1089:25)
    at Object.mapChildren as map
    react-dom.js?ver=18.3.1.1:18714 The above error occurred in one of your React components:

    at https://itrdc.uokufa.edu.iq/wp-content/plugins/styles-and-layouts-for-gravity-forms/build/index.js?ver=4a0333d…:1:237584

    Consider adding an error boundary to your tree to customize error handling behavior.
    Visit https://reactjs.org/link/error-boundaries to learn more about error boundaries.
    react-dom.js?ver=18.3.1.1:11115 Uncaught NotFoundError: Failed to execute ‘removeChild’ on ‘Node’: The node to be removed is not a child of this node.
    at removeChildFromContainer (react-dom.js?ver=18.3.1.1:11115:17)
    at commitDeletionEffectsOnFiber (react-dom.js?ver=18.3.1.1:24075:17)
    at recursivelyTraverseDeletionEffects (react-dom.js?ver=18.3.1.1:24038:7)
    at commitDeletionEffectsOnFiber (react-dom.js?ver=18.3.1.1:24167:11)
    at commitDeletionEffects (react-dom.js?ver=18.3.1.1:24025:7)
    at recursivelyTraverseMutationEffects (react-dom.js?ver=18.3.1.1:24308:11)
    at commitMutationEffectsOnFiber (react-dom.js?ver=18.3.1.1:24481:11)
    at commitMutationEffects (react-dom.js?ver=18.3.1.1:24292:5)
    at commitRootImpl (react-dom.js?ver=18.3.1.1:26859:7)
    at commitRoot (react-dom.js?ver=18.3.1.1:26731:7)

Viewing 1 replies (of 1 total)
  • Thread Starter mohammedkadhim

    (@mohammedkadhim)

    I’ve solved the problem. It was due to react compatibility (object not extensible error) after upgrading WordPress to version 6.9. I changed few things in index.js and now it is working.
    I have a patched copy of index.js if anyone wants it.

Viewing 1 replies (of 1 total)

You must be logged in to reply to this topic.