mirror of
https://github.com/chillpadclub/bedolaga-cabinet.git
synced 2026-07-28 09:33:46 +00:00
perf: extract Twemoji options to module-level const
Prevent MutationObserver re-initialization on every render by moving the options object out of JSX (was creating a new object reference on each render of AppWithNavigator).
This commit is contained in:
@@ -16,6 +16,8 @@ import { ToastProvider } from './components/Toast';
|
|||||||
import { TooltipProvider } from './components/primitives/Tooltip';
|
import { TooltipProvider } from './components/primitives/Tooltip';
|
||||||
import { isInTelegramWebApp } from './hooks/useTelegramSDK';
|
import { isInTelegramWebApp } from './hooks/useTelegramSDK';
|
||||||
|
|
||||||
|
const TWEMOJI_OPTIONS = { className: 'twemoji', folder: 'svg', ext: '.svg' } as const;
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Manages Telegram BackButton visibility based on navigation location.
|
* Manages Telegram BackButton visibility based on navigation location.
|
||||||
* Shows back button on non-root routes, hides on root.
|
* Shows back button on non-root routes, hides on root.
|
||||||
@@ -77,7 +79,7 @@ export function AppWithNavigator() {
|
|||||||
<TooltipProvider>
|
<TooltipProvider>
|
||||||
<ToastProvider>
|
<ToastProvider>
|
||||||
<WebSocketProvider>
|
<WebSocketProvider>
|
||||||
<Twemoji options={{ className: 'twemoji', folder: 'svg', ext: '.svg' }}>
|
<Twemoji options={TWEMOJI_OPTIONS}>
|
||||||
<App />
|
<App />
|
||||||
</Twemoji>
|
</Twemoji>
|
||||||
</WebSocketProvider>
|
</WebSocketProvider>
|
||||||
|
|||||||
Reference in New Issue
Block a user