refactor: remove React.FC for component package (#3575)

packages/component/src/components/provider-composer/__tests__/provider-composer.spec.tsx

@@ -10,7 +10,7 @@ import { ProviderComposer } from '..';
 
 test('ProviderComposer', async () => {
   const Context = createContext('null');
-  const Provider: React.FC<React.PropsWithChildren> = ({ children }) => {
+  const Provider = ({ children }: React.PropsWithChildren) => {
     return <Context.Provider value="test1">{children}</Context.Provider>;
   };
   const ConsumerComponent = () => {

packages/component/src/components/provider-composer/index.tsx

@@ -1,11 +1,15 @@
-import type { FC, PropsWithChildren, ReactNode } from 'react';
+import type { ReactNode } from 'react';
 import { cloneElement } from 'react';
 
-export const ProviderComposer: FC<
-  PropsWithChildren<{
-    contexts: any;
-  }>
-> = ({ contexts, children }) =>
+interface ProviderComposerProps {
+  contexts: any;
+  children: ReactNode;
+}
+
+export const ProviderComposer = ({
+  contexts,
+  children,
+}: ProviderComposerProps) =>
   contexts.reduceRight(
     (kids: ReactNode, parent: any) =>
       cloneElement(parent, {