components: Fix

Author: tbantle22

packages/components/src/FormSelect/components/Option.tsx

@@ -11,11 +11,11 @@ export default function OptionComponent<
   OptionType extends Option<T>,
   IsMulti extends boolean,
 >(props: OptionProps<OptionType, IsMulti>): ReactElement {
-  const OptionComponent = components.Option as any;
+  const ReactSelectOption = components.Option as any;
   return (
-    <OptionComponent {...props}>
+    <ReactSelectOption {...props}>
       <CustomOption data={props.data} labelPrefix="select-option" />
-    </OptionComponent>
+    </ReactSelectOption>
   );
 }
 
@@ -24,13 +24,13 @@ export function OptionForGroup<
   OptionType extends OptionTypeBase<T>,
   IsMulti extends boolean,
 >(props: OptionProps<OptionType, IsMulti>): ReactElement {
-  const OptionForGroupComponent = components.Option as any;
+  const ReactSelectOptionForGroup = components.Option as any;
   return (
-    <OptionForGroupComponent {...props} className={css.option}>
+    <ReactSelectOptionForGroup {...props} className={css.option}>
       <FiCheck
         className={cx(css.check, { [css.checkInvisible]: !props.isSelected })}
       />
       <CustomOption data={props.data} labelPrefix="select-option" />
-    </OptionForGroupComponent>
+    </ReactSelectOptionForGroup>
   );
 }

packages/components/src/FormSelect/components/SingleValue.tsx

@@ -8,10 +8,10 @@ export default function SingleValueComponent<
   OptionType extends Option<T>,
   IsMulti extends boolean,
 >(props: SingleValueProps<OptionType, IsMulti>): ReactNode {
-  const SingleValueComponent = components.SingleValue as any;
+  const ReactSelectSingleValue = components.SingleValue as any;
   return (
-    <SingleValueComponent {...props}>
+    <ReactSelectSingleValue {...props}>
       <CustomOption data={props.data} labelPrefix="single-value" />
-    </SingleValueComponent>
+    </ReactSelectSingleValue>
   );
 }