fix: build error

Author: big-camel

.changeset/cyan-eagles-camp.md

@@ -0,0 +1,5 @@
+---
+'react-image-previewer': major
+---
+
+publish

apps/example/components/doc-components.tsx

@@ -27,6 +27,8 @@ export const Image = React.forwardRef<HTMLImageElement, React.ImgHTMLAttributes<
   },
 )
 
+Image.displayName = 'DocImage'
+
 interface ButtonProps extends React.HtmlHTMLAttributes<HTMLDivElement> {
   primary?: boolean
   children?: React.ReactNode
@@ -50,10 +52,14 @@ export const Button = React.forwardRef<HTMLDivElement, ButtonProps>(
   },
 )
 
+Button.displayName = 'DocButton'
+
 export const Overlay: React.FC = ({ children }) => {
   return (
     <div tw="absolute left-0 bottom-0 p-2 w-full min-h-[24px] text-sm text-slate-300 z-50 bg-black/50">
       {children}
     </div>
   )
 }
+
+Overlay.displayName = 'DocOverlay'

apps/example/components/features.tsx

@@ -58,6 +58,8 @@ const Feature = ({ text, icon }: { text: string; icon: React.ReactNode }) => (
   </StyledFeature>
 )
 
+Feature.displayName = 'Feature'
+
 const TITLE_WITH_TRANSLATIONS: Record<string, string> = {
   'en-US': 'A beautiful photo preview component',
   'zh-CN': '一款超精致的 React 图片预览组件',
@@ -103,7 +105,7 @@ const StyledFeatures = styled.div`
   }
 `
 
-export default () => {
+const Features = () => {
   const { locale, defaultLocale } = useRouter()
 
   const featureText = (key: number) => FEATURES_WITH_TRANSLATIONS[locale ?? defaultLocale!]?.[key]
@@ -119,3 +121,7 @@ export default () => {
     </div>
   )
 }
+
+Features.displayName = 'Features'
+
+export default Features