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:
Fringg
2026-02-23 17:15:03 +03:00
parent 860493058a
commit 17b2f2e903

View File

@@ -16,6 +16,8 @@ import { ToastProvider } from './components/Toast';
import { TooltipProvider } from './components/primitives/Tooltip';
import { isInTelegramWebApp } from './hooks/useTelegramSDK';
const TWEMOJI_OPTIONS = { className: 'twemoji', folder: 'svg', ext: '.svg' } as const;
/**
* Manages Telegram BackButton visibility based on navigation location.
* Shows back button on non-root routes, hides on root.
@@ -77,7 +79,7 @@ export function AppWithNavigator() {
<TooltipProvider>
<ToastProvider>
<WebSocketProvider>
<Twemoji options={{ className: 'twemoji', folder: 'svg', ext: '.svg' }}>
<Twemoji options={TWEMOJI_OPTIONS}>
<App />
</Twemoji>
</WebSocketProvider>