fix: support compatible types for compound components (#1267)

Author: mournfulCoroner

src/components/CardBase/CardBase.tsx

@@ -39,9 +39,13 @@ export interface CardFooterBaseProps {
 
 const b = block('card-base-block');
 
-const Header: (props: React.PropsWithChildren<CardHeaderBaseProps>) => React.ReactNode = () => null;
-const Content: (props: React.PropsWithChildren<{}>) => React.ReactNode = () => null;
-const Footer: (props: React.PropsWithChildren<CardFooterBaseProps>) => React.ReactNode = () => null;
+const Header: (
+    props: React.PropsWithChildren<CardHeaderBaseProps>,
+) => React.ReactElement | null = () => null;
+const Content: (props: React.PropsWithChildren<{}>) => React.ReactElement | null = () => null;
+const Footer: (
+    props: React.PropsWithChildren<CardFooterBaseProps>,
+) => React.ReactElement | null = () => null;
 
 export const Layout = (props: CardBasePropsType) => {
     const {

src/components/MediaBase/MediaBase.tsx

@@ -12,7 +12,7 @@ import './MediaBase.scss';
 
 const b = block('media-base');
 
-const Card: (props: React.PropsWithChildren<{}>) => React.ReactNode = () => null;
+const Card: (props: React.PropsWithChildren<{}>) => React.ReactElement | null = () => null;
 
 interface MediaBaseProps extends MediaBaseBlockProps {
     children: React.ReactElement;