diff --git a/packages/block-library/src/navigation/edit/unsaved-inner-blocks.js b/packages/block-library/src/navigation/edit/unsaved-inner-blocks.js
index 6cdcaa46f2bac..bbf51e1323efd 100644
--- a/packages/block-library/src/navigation/edit/unsaved-inner-blocks.js
+++ b/packages/block-library/src/navigation/edit/unsaved-inner-blocks.js
@@ -112,7 +112,15 @@ export default function UnsavedInnerBlocks( {
 		hasSelection,
 	] );
 
-	const Wrapper = isSaving ? Disabled : 'div';
+	if ( isSaving ) {
+		// We will get an error (Function components cannot be given refs) if we pass ref to Disabled component.
+		// So we need to to pass it to the inner div.
+		return (
+			<Disabled>
+				<div { ...innerBlocksProps } />
+			</Disabled>
+		);
+	}
 
-	return <Wrapper { ...innerBlocksProps } />;
+	return <div { ...innerBlocksProps } />;
 }