perf: add React.memo to hot-path components

2026-05-24 19:44:50 +05:00
parent d7e355dc78
commit c9342f833b
4 changed files with 12 additions and 4 deletions
@@ -1,4 +1,5 @@
 import { useMemo } from 'react'
+import React from 'react'
 import Box from '@mui/material/Box'
 import type { SxProps, Theme } from '@mui/material/styles'

@@ -35,7 +36,7 @@ function buildFallbackSrc(src: string, width: number): string {
  return `/uploads-resized/${pathPrefix}${parsed.uuid}.webp?w=${width}`
 }

-export function OptimizedImage({
+export const OptimizedImage = React.memo(function OptimizedImage({
  src,
  alt,
  widths = DEFAULT_WIDTHS,