How to use the @wordpress/components.navigateRegions function in @wordpress/components

(() => {
    const EnhancedComponent = C.navigateRegions(({ foo, bar }: { foo: string; bar: number }) => (
        <div>
            {foo} and {bar}{' '}
        </div>
    ));
    ;
})();

role="region"
				aria-label={ __( 'Widgets screen content' ) }
				tabIndex="-1"
			>
				
			
			
		
	);
}

export default navigateRegions( CustomizerEditWidgetsInitializer );

kind="postType"
					type="wp_template"
					id={ settings.templateId }
				>
					
					<header>
					
					
					
				
			
		
	) : null;
}

export default navigateRegions( Editor );
</header>

{ !! footer && (
				<div tabindex="-1" aria-label="{" role="region">
					{ footer }
				</div>
			) }
		
	);
}

export default navigateRegions( EditorRegions );

onFocus={ () => {
					setSelectedArea( null );
				} }
			>
				
			
			
		
	);
}

export default navigateRegions( Layout );