Correct case on ComponentId

Author: mikejolley

assets/js/blocks/product-categories/block.js

@@ -8,7 +8,7 @@ import classnames from 'classnames';
 /**
  * Internal dependencies
  */
-import withComponentID from '../../utils/with-component-id';
+import withComponentId from '../../utils/with-component-id';
 
 /**
  * Component displaying the categories as dropdown or list.
@@ -70,7 +70,7 @@ class ProductCategoriesBlock extends Component {
 	}
 
 	render() {
-		const { attributes, categories, componentID } = this.props;
+		const { attributes, categories, ComponentId } = this.props;
 		const { className, isDropdown } = attributes;
 		const classes = classnames(
 			'wc-block-product-categories',
@@ -81,7 +81,7 @@ class ProductCategoriesBlock extends Component {
 			}
 		);
 
-		const selectId = `prod-categories-${ componentID }`;
+		const selectId = `prod-categories-${ ComponentId }`;
 
 		return (
 			<Fragment>
@@ -122,4 +122,4 @@ class ProductCategoriesBlock extends Component {
 	}
 }
 
-export default withComponentID( ProductCategoriesBlock );
+export default withComponentId( ProductCategoriesBlock );

assets/js/utils/with-component-id.js

@@ -7,7 +7,7 @@ const ids = [];
  *
  * This is an alternative for withInstanceId from @wordpress/compose to avoid using that dependency on the frontend.
  */
-const withComponentID = ( OriginalComponent ) => {
+const withComponentId = ( OriginalComponent ) => {
 	return class WrappedComponent extends Component {
 		generateUniqueID() {
 			const group = WrappedComponent.name;
@@ -22,14 +22,14 @@ const withComponentID = ( OriginalComponent ) => {
 		}
 
 		render() {
-			const componentID = this.generateUniqueID();
+			const ComponentId = this.generateUniqueID();
 
 			return <OriginalComponent
 				{ ...this.props }
-				componentID={ componentID }
+				ComponentId={ ComponentId }
 			/>;
 		}
 	};
 };
 
-export default withComponentID;
+export default withComponentId;