diff --git a/src/app/[variants]/(main)/changelog/error.tsx b/src/app/[variants]/(main)/changelog/error.tsx
index 071491038c704..fe8c9f8224f4d 100644
--- a/src/app/[variants]/(main)/changelog/error.tsx
+++ b/src/app/[variants]/(main)/changelog/error.tsx
@@ -1,5 +1,3 @@
'use client';
-import dynamic from 'next/dynamic';
-
-export default dynamic(() => import('@/components/Error'));
+export { default } from '@/components/Error';
diff --git a/src/app/[variants]/(main)/changelog/modal/page.tsx b/src/app/[variants]/(main)/changelog/modal/page.tsx
index 68ccc11029be8..f5b3a5d443b2d 100644
--- a/src/app/[variants]/(main)/changelog/modal/page.tsx
+++ b/src/app/[variants]/(main)/changelog/modal/page.tsx
@@ -2,7 +2,6 @@
import { useLayoutEffect } from 'react';
-import { withSuspense } from '@/components/withSuspense';
import { useQueryRoute } from '@/hooks/useQueryRoute';
/**
@@ -21,4 +20,4 @@ const ChangelogModal = () => {
return null;
};
-export default withSuspense(ChangelogModal);
+export default ChangelogModal;
diff --git a/src/app/[variants]/(main)/chat/(workspace)/@portal/error.tsx b/src/app/[variants]/(main)/chat/(workspace)/@portal/error.tsx
index 071491038c704..fe8c9f8224f4d 100644
--- a/src/app/[variants]/(main)/chat/(workspace)/@portal/error.tsx
+++ b/src/app/[variants]/(main)/chat/(workspace)/@portal/error.tsx
@@ -1,5 +1,3 @@
'use client';
-import dynamic from 'next/dynamic';
-
-export default dynamic(() => import('@/components/Error'));
+export { default } from '@/components/Error';
diff --git a/src/app/[variants]/(main)/chat/error.tsx b/src/app/[variants]/(main)/chat/error.tsx
index 071491038c704..fe8c9f8224f4d 100644
--- a/src/app/[variants]/(main)/chat/error.tsx
+++ b/src/app/[variants]/(main)/chat/error.tsx
@@ -1,5 +1,3 @@
'use client';
-import dynamic from 'next/dynamic';
-
-export default dynamic(() => import('@/components/Error'));
+export { default } from '@/components/Error';
diff --git a/src/app/[variants]/(main)/chat/settings/error.tsx b/src/app/[variants]/(main)/chat/settings/error.tsx
index 071491038c704..fe8c9f8224f4d 100644
--- a/src/app/[variants]/(main)/chat/settings/error.tsx
+++ b/src/app/[variants]/(main)/chat/settings/error.tsx
@@ -1,5 +1,3 @@
'use client';
-import dynamic from 'next/dynamic';
-
-export default dynamic(() => import('@/components/Error'));
+export { default } from '@/components/Error';
diff --git a/src/app/[variants]/(main)/discover/(detail)/error.tsx b/src/app/[variants]/(main)/discover/(detail)/error.tsx
index 071491038c704..fe8c9f8224f4d 100644
--- a/src/app/[variants]/(main)/discover/(detail)/error.tsx
+++ b/src/app/[variants]/(main)/discover/(detail)/error.tsx
@@ -1,5 +1,3 @@
'use client';
-import dynamic from 'next/dynamic';
-
-export default dynamic(() => import('@/components/Error'));
+export { default } from '@/components/Error';
diff --git a/src/app/[variants]/(main)/discover/(list)/error.tsx b/src/app/[variants]/(main)/discover/(list)/error.tsx
index 071491038c704..fe8c9f8224f4d 100644
--- a/src/app/[variants]/(main)/discover/(list)/error.tsx
+++ b/src/app/[variants]/(main)/discover/(list)/error.tsx
@@ -1,5 +1,3 @@
'use client';
-import dynamic from 'next/dynamic';
-
-export default dynamic(() => import('@/components/Error'));
+export { default } from '@/components/Error';
diff --git a/src/app/[variants]/(main)/discover/error.tsx b/src/app/[variants]/(main)/discover/error.tsx
index 071491038c704..fe8c9f8224f4d 100644
--- a/src/app/[variants]/(main)/discover/error.tsx
+++ b/src/app/[variants]/(main)/discover/error.tsx
@@ -1,5 +1,3 @@
'use client';
-import dynamic from 'next/dynamic';
-
-export default dynamic(() => import('@/components/Error'));
+export { default } from '@/components/Error';
diff --git a/src/app/[variants]/(main)/error.tsx b/src/app/[variants]/(main)/error.tsx
index 071491038c704..fe8c9f8224f4d 100644
--- a/src/app/[variants]/(main)/error.tsx
+++ b/src/app/[variants]/(main)/error.tsx
@@ -1,5 +1,3 @@
'use client';
-import dynamic from 'next/dynamic';
-
-export default dynamic(() => import('@/components/Error'));
+export { default } from '@/components/Error';
diff --git a/src/app/[variants]/(main)/profile/error.tsx b/src/app/[variants]/(main)/profile/error.tsx
index 071491038c704..fe8c9f8224f4d 100644
--- a/src/app/[variants]/(main)/profile/error.tsx
+++ b/src/app/[variants]/(main)/profile/error.tsx
@@ -1,5 +1,3 @@
'use client';
-import dynamic from 'next/dynamic';
-
-export default dynamic(() => import('@/components/Error'));
+export { default } from '@/components/Error';
diff --git a/src/app/[variants]/(main)/profile/features/ClerkProfile.tsx b/src/app/[variants]/(main)/profile/features/ClerkProfile.tsx
index 4c0247d50d455..53392cdc48514 100644
--- a/src/app/[variants]/(main)/profile/features/ClerkProfile.tsx
+++ b/src/app/[variants]/(main)/profile/features/ClerkProfile.tsx
@@ -5,7 +5,6 @@ import { ElementsConfig } from '@clerk/types';
import { createStyles } from 'antd-style';
import { memo } from 'react';
-import { withSuspense } from '@/components/withSuspense';
export const useStyles = createStyles(
({ css, responsive, token }) =>
@@ -71,4 +70,4 @@ const Client = memo<{ mobile?: boolean }>(({ mobile }) => {
);
});
-export default withSuspense(Client);
+export default Client;
diff --git a/src/app/[variants]/(main)/settings/error.tsx b/src/app/[variants]/(main)/settings/error.tsx
index 071491038c704..fe8c9f8224f4d 100644
--- a/src/app/[variants]/(main)/settings/error.tsx
+++ b/src/app/[variants]/(main)/settings/error.tsx
@@ -1,5 +1,3 @@
'use client';
-import dynamic from 'next/dynamic';
-
-export default dynamic(() => import('@/components/Error'));
+export { default } from '@/components/Error';
diff --git a/src/app/[variants]/@modal/error.tsx b/src/app/[variants]/@modal/error.tsx
index 071491038c704..fe8c9f8224f4d 100644
--- a/src/app/[variants]/@modal/error.tsx
+++ b/src/app/[variants]/@modal/error.tsx
@@ -1,5 +1,3 @@
'use client';
-import dynamic from 'next/dynamic';
-
-export default dynamic(() => import('@/components/Error'));
+export { default } from '@/components/Error';
diff --git a/src/app/[variants]/error.tsx b/src/app/[variants]/error.tsx
index 071491038c704..fe8c9f8224f4d 100644
--- a/src/app/[variants]/error.tsx
+++ b/src/app/[variants]/error.tsx
@@ -1,5 +1,3 @@
'use client';
-import dynamic from 'next/dynamic';
-
-export default dynamic(() => import('@/components/Error'));
+export { default } from '@/components/Error';
diff --git a/src/features/DevPanel/features/Table/TooltipContent.tsx b/src/features/DevPanel/features/Table/TooltipContent.tsx
index 16b9b825b12d9..2b1ce00adcc53 100644
--- a/src/features/DevPanel/features/Table/TooltipContent.tsx
+++ b/src/features/DevPanel/features/Table/TooltipContent.tsx
@@ -1,4 +1,5 @@
import { Highlighter } from '@lobehub/ui';
+import Image from 'next/image';
import Link from 'next/link';
import { ReactNode, memo } from 'react';
import { Flexbox } from 'react-layout-kit';
@@ -7,7 +8,14 @@ const TooltipContent = memo<{ children: ReactNode }>(({ children }) => {
if (typeof children !== 'string') return children;
if (children.startsWith('data:image')) {
- return
;
+ return (
+
+ );
}
if (children.startsWith('http'))