From e727f15052d20f5b472e50c5849a77d33b8fda25 Mon Sep 17 00:00:00 2001
From: Taya Leutina <leutinatasya@yandex-team.ru>
Date: Tue, 26 Aug 2025 10:48:07 +0300
Subject: [PATCH] fix: support compatible types for compound components

---
 src/components/CardBase/CardBase.tsx   | 10 +++++++---
 src/components/MediaBase/MediaBase.tsx |  2 +-
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/CardBase/CardBase.tsx b/src/components/CardBase/CardBase.tsx
index ffe3dd80c..dd34f4a4a 100644
--- a/src/components/CardBase/CardBase.tsx
+++ b/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 {
diff --git a/src/components/MediaBase/MediaBase.tsx b/src/components/MediaBase/MediaBase.tsx
index d743ecbe1..3d94b538d 100644
--- a/src/components/MediaBase/MediaBase.tsx
+++ b/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;