From d579d9fd500b2bbc7c2a2fd4f2774850c58ed924 Mon Sep 17 00:00:00 2001
From: benaxse <benaxse@yandex-team.ru>
Date: Sun, 10 Nov 2024 23:55:06 +0300
Subject: [PATCH] chore: suspense with fallback for mobile lazy TopAlert

---
 src/components/MobileHeader/MobileHeader.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/MobileHeader/MobileHeader.tsx b/src/components/MobileHeader/MobileHeader.tsx
index fc01160..037078e 100644
--- a/src/components/MobileHeader/MobileHeader.tsx
+++ b/src/components/MobileHeader/MobileHeader.tsx
@@ -1,4 +1,4 @@
-import React, {useCallback, useEffect, useMemo, useState} from 'react';
+import React, {Suspense, useCallback, useEffect, useMemo, useState} from 'react';
 
 import {useForwardRef} from '../../hooks/useForwardRef';
 import {Content, RenderContentType} from '../Content';
@@ -268,7 +268,11 @@ export const MobileHeader = React.forwardRef<HTMLDivElement, MobileHeaderProps>(
         return (
             <div className={b({compact}, className)} ref={targetRef}>
                 <div className={b('top')}>
-                    {topAlert && <TopAlert alert={topAlert} />}
+                    {topAlert && (
+                        <Suspense fallback={null}>
+                            <TopAlert alert={topAlert} />
+                        </Suspense>
+                    )}
                     <header className={b('header')} style={{height: size}}>
                         <Burger
                             opened={visiblePanel === burgerPanelItem.id}