Merge branch 'master' into rnmobile/improve-perf-video

packages/components/src/query-controls/index.native.js

@@ -1,12 +1,8 @@
-/**
- * External dependencies
- */
-import React from 'react';
 /**
  * WordPress dependencies
  */
 import { __ } from '@wordpress/i18n';
-import { useCallback } from '@wordpress/element';
+import { useCallback, memo } from '@wordpress/element';
 
 /**
  * Internal dependencies
@@ -38,7 +34,7 @@ const options = [
 	},
 ];
 
-const QueryControls = React.memo(
+const QueryControls = memo(
 	( {
 		categoriesList,
 		selectedCategoryId,

packages/components/src/range-control/index.native.js

@@ -1,14 +1,14 @@
 /**
- * External dependencies
+ * WordPress dependencies
  */
-import React from 'react';
+import { memo } from '@wordpress/element';
 /**
  * Internal dependencies
  */
 import RangeCell from '../mobile/bottom-sheet/range-cell';
 import StepperCell from '../mobile/bottom-sheet/stepper-cell';
 
-const RangeControl = React.memo(
+const RangeControl = memo(
 	( {
 		className,
 		currentInput,

packages/components/src/select-control/index.native.js

@@ -1,13 +1,13 @@
 /**
- * External dependencies
+ * WordPress dependencies
  */
-import React from 'react';
+import { memo } from '@wordpress/element';
 /**
  * Internal dependencies
  */
 import PickerCell from '../mobile/bottom-sheet/picker-cell';
 
-const SelectControl = React.memo(
+const SelectControl = memo(
 	( {
 		help,
 		instanceId,

packages/components/src/toggle-control/index.native.js

@@ -1,13 +1,13 @@
 /**
- * External dependencies
+ * WordPress dependencies
  */
-import React from 'react';
+import { memo } from '@wordpress/element';
 /**
  * Internal dependencies
  */
 import SwitchCell from '../mobile/bottom-sheet/switch-cell';
 
-const ToggleControl = React.memo(
+const ToggleControl = memo(
 	( { label, checked, help, instanceId, className, onChange, ...props } ) => {
 		const id = `inspector-toggle-control-${ instanceId }`;