Pass props down instead

Author: ellatrix

packages/block-library/src/paragraph/controls.js

@@ -12,10 +12,8 @@ import {
 	BlockControls,
 	InspectorControls,
 	useSettings,
-	store as blockEditorStore,
 } from '@wordpress/block-editor';
 import { formatLtr } from '@wordpress/icons';
-import { useSelect } from '@wordpress/data';
 import { pure } from '@wordpress/compose';
 
 function ParagraphRTLControl( { direction, setDirection } ) {
@@ -37,16 +35,9 @@ export function hasDropCapDisabled( align ) {
 	return align === ( isRTL() ? 'left' : 'right' ) || align === 'center';
 }
 
-function Controls( { clientId, setAttributes } ) {
+function Controls( { align, direction, dropCap, clientId, setAttributes } ) {
 	const [ isDropCapFeatureEnabled ] = useSettings( 'typography.dropCap' );
 
-	function selector( select ) {
-		const { align, direction, dropCap } =
-			select( blockEditorStore ).getBlockAttributes( clientId ) || {};
-		return { align, direction, dropCap };
-	}
-	const { align, direction, dropCap } = useSelect( selector, [ clientId ] );
-
 	let helpText;
 	if ( hasDropCapDisabled( align ) ) {
 		helpText = __( 'Not available for aligned text.' );

packages/block-library/src/paragraph/edit.js

@@ -37,7 +37,13 @@ function ParagraphBlock( {
 
 	return (
 		<>
-			<Controls clientId={ clientId } setAttributes={ setAttributes } />
+			<Controls
+				align={ align }
+				direction={ direction }
+				dropCap={ dropCap }
+				clientId={ clientId }
+				setAttributes={ setAttributes }
+			/>
 			<RichText
 				identifier="content"
 				tagName="p"