fix(manager-components): region component exports (#12920)

ref: 12918

Signed-off-by: Paul Dickerson <[email protected]>

packages/manager-components/src/components/index.ts

@@ -28,3 +28,4 @@ export * from './ManagerButton/ManagerButton';
 export * from './ManagerText/ManagerText';
 
 export * from './pci-maintenance-banner';
+export * from './region/region.component';

packages/manager-components/src/components/region/region.component.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { useTranslation } from 'react-i18next';
 import './translations/region';
 import './translations/datacenter';
@@ -8,10 +9,12 @@ export interface RegionProps {
   micro?: number;
 }
 
-export function Region({ mode = 'region', name, micro }: RegionProps) {
+export const Region: React.FC<RegionProps> = ({
+  mode = 'region',
+  name,
+  micro,
+}: RegionProps) => {
   const { t } = useTranslation(mode === 'region' ? 'region' : 'datacenter');
 
   return <>{t(`region_${name}`, { micro })}</>;
-}
-
-export default Region;
+};

packages/manager-components/src/components/region/region.spec.tsx

@@ -1,6 +1,6 @@
 import { screen } from '@testing-library/react';
 import { render } from '../../utils/test.provider';
-import Region, { RegionProps } from './region.component';
+import { Region, RegionProps } from './region.component';
 import { DemoRegion, DemoDatacenter } from './region.stories';
 import translatedRegion from './translations/region/Messages_fr_FR.json';
 

packages/manager-components/src/components/region/region.stories.tsx

@@ -1,5 +1,5 @@
 import { Story } from '@storybook/react';
-import Region from './region.component';
+import { Region } from './region.component';
 
 const managerRegion = {
   title: 'Components/Region',