diff --git a/modules/ppcp-settings/resources/js/Components/ReusableComponents/AccordionSection.js b/modules/ppcp-settings/resources/js/Components/ReusableComponents/AccordionSection.js
index 379a16580..ca73ab531 100644
--- a/modules/ppcp-settings/resources/js/Components/ReusableComponents/AccordionSection.js
+++ b/modules/ppcp-settings/resources/js/Components/ReusableComponents/AccordionSection.js
@@ -21,7 +21,7 @@ const Accordion = ( {
 	children = null,
 	className = '',
 } ) => {
-	const { isOpen, toggleOpen } = useToggleState( { id, initiallyOpen } );
+	const { isOpen, toggleOpen } = useToggleState( id, initiallyOpen );
 	const wrapperClasses = classNames( 'ppcp-r-accordion', className, {
 		'ppcp--is-open': isOpen,
 	} );
diff --git a/modules/ppcp-settings/resources/js/hooks/useToggleState.js b/modules/ppcp-settings/resources/js/hooks/useToggleState.js
index 030291e00..a1ee750cc 100644
--- a/modules/ppcp-settings/resources/js/hooks/useToggleState.js
+++ b/modules/ppcp-settings/resources/js/hooks/useToggleState.js
@@ -14,13 +14,12 @@ const determineInitialState = ( id, initiallyOpen ) => {
 /**
  * Allows managing a toggle-able component, such as an accordion or a modal dialog.
  *
- * @param {Object}       props
- * @param {string}       props.id            - Optional, if provided, the toggle can be opened via the URL.
- * @param {null|boolean} props.initiallyOpen - Optional. If provided, it defines the initial open state.
- *                                           If omitted, the initial open state is determined by using the "id" logic (inspecting the URL).
+ * @param {string}       [id='']              - If provided, the toggle can be opened via the URL.
+ * @param {null|boolean} [initiallyOpen=null] - If provided, it defines the initial open state.
+ *                                            If omitted, the initial open state is determined by using the "id" logic (inspecting the URL).
  * @return {{isOpen: unknown, toggleOpen: (function(*): boolean)}} Hook object.
  */
-export function useToggleState( { id = '', initiallyOpen = null } ) {
+export function useToggleState( id = '', initiallyOpen = null ) {
 	const [ isOpen, setIsOpen ] = useState(
 		determineInitialState( id, initiallyOpen )
 	);