diff --git a/src/app/docs/page.tsx b/src/app/docs/page.tsx
index 8cb21b55d24..526f0d12027 100644
--- a/src/app/docs/page.tsx
+++ b/src/app/docs/page.tsx
@@ -36,7 +36,7 @@ const StyledHighlight = styled.span<{ $link?: boolean; $alert?: boolean }>`
margin: ${({ $alert }) => ($alert ? "8px 0" : "1px")};
`;
-const Docs = () => {
+export default function Page() {
return (
@@ -166,6 +166,4 @@ const Docs = () => {
);
-};
-
-export default Docs;
+}
diff --git a/src/app/editor/page.tsx b/src/app/editor/page.tsx
index 3384f5991c6..d5db40feaeb 100644
--- a/src/app/editor/page.tsx
+++ b/src/app/editor/page.tsx
@@ -29,7 +29,7 @@ const StyledEditorWrapper = styled.div`
overflow: hidden;
`;
-const EditorPage: React.FC = () => {
+export default function Page() {
const query = useSearchParams();
const loading = useJson(state => state.loading);
const hasQuery = React.useMemo(() => query !== null && Object.keys(query).length > 0, [query]);
@@ -68,6 +68,4 @@ const EditorPage: React.FC = () => {
);
-};
-
-export default EditorPage;
+}
diff --git a/src/app/forgot-password/page.tsx b/src/app/forgot-password/page.tsx
index ed2f16f7fbd..7356dbfc542 100644
--- a/src/app/forgot-password/page.tsx
+++ b/src/app/forgot-password/page.tsx
@@ -71,7 +71,7 @@ function ResetPassword() {
);
}
-const ForgotPassword = () => {
+export default function Page() {
const query = useSearchParams();
const typeParam = query?.get("type");
const errorParam = query?.get("error");
@@ -145,6 +145,4 @@ const ForgotPassword = () => {
)}
);
-};
-
-export default ForgotPassword;
+}
diff --git a/src/app/legal/privacy/page.tsx b/src/app/legal/privacy/page.tsx
index d42157951b7..172dd6bbbe0 100644
--- a/src/app/legal/privacy/page.tsx
+++ b/src/app/legal/privacy/page.tsx
@@ -3,7 +3,7 @@ import Head from "next/head";
import { Anchor, Container, Paper, Stack, Text, Title } from "@mantine/core";
import Layout from "src/layout/Layout";
-const Privacy = () => {
+export default function Page() {
return (
@@ -60,6 +60,4 @@ const Privacy = () => {
);
-};
-
-export default Privacy;
+}
diff --git a/src/app/legal/subscription-refund/page.tsx b/src/app/legal/subscription-refund/page.tsx
index ea90c9b809e..5ba835f9e55 100644
--- a/src/app/legal/subscription-refund/page.tsx
+++ b/src/app/legal/subscription-refund/page.tsx
@@ -3,7 +3,7 @@ import Head from "next/head";
import { Anchor, Container, List, Paper, Stack, Text, Title, ListItem } from "@mantine/core";
import Layout from "src/layout/Layout";
-const SubscriptionRefund = () => {
+export default function Page() {
return (
@@ -70,6 +70,4 @@ const SubscriptionRefund = () => {
);
-};
-
-export default SubscriptionRefund;
+}
diff --git a/src/app/legal/terms/page.tsx b/src/app/legal/terms/page.tsx
index 3a5709069a6..bd8058a150e 100644
--- a/src/app/legal/terms/page.tsx
+++ b/src/app/legal/terms/page.tsx
@@ -3,7 +3,7 @@ import Head from "next/head";
import { Anchor, Container, Paper, Stack, Text, Title } from "@mantine/core";
import Layout from "src/layout/Layout";
-const Terms = () => {
+export default function Page() {
return (
@@ -118,6 +118,4 @@ const Terms = () => {
);
-};
-
-export default Terms;
+}
diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx
index 8257c2c91e8..a26c2f28e3f 100644
--- a/src/app/pricing/page.tsx
+++ b/src/app/pricing/page.tsx
@@ -29,7 +29,7 @@ const purchaseLinks = {
"https://herowand.lemonsqueezy.com/checkout/buy/577928ea-fb09-4076-9307-3e5931b35ad0?media=0&enabled=67805%2C82417",
};
-const Pricing = () => {
+export default function Page() {
const email = useUser(state => state.user?.email);
const [isMonthly, setIsMonthly] = React.useState(true);
@@ -296,6 +296,4 @@ const Pricing = () => {
);
-};
-
-export default Pricing;
+}
diff --git a/src/app/sign-in/page.tsx b/src/app/sign-in/page.tsx
index 72d0a3dada0..5262a43063b 100644
--- a/src/app/sign-in/page.tsx
+++ b/src/app/sign-in/page.tsx
@@ -119,7 +119,7 @@ export function AuthenticationForm(props: PaperProps) {
);
}
-const SignIn = () => {
+export default function Page() {
const { push } = useRouter();
const queryParams = useSearchParams();
const typeParam = queryParams?.get("type");
@@ -147,6 +147,4 @@ const SignIn = () => {
);
-};
-
-export default SignIn;
+}
diff --git a/src/app/sign-up/page.tsx b/src/app/sign-up/page.tsx
index ebefa0f897b..1a5a3c5a81d 100644
--- a/src/app/sign-up/page.tsx
+++ b/src/app/sign-up/page.tsx
@@ -20,7 +20,7 @@ import { AiOutlineGithub, AiOutlineGoogle } from "react-icons/ai";
import Layout from "src/layout/Layout";
import { supabase } from "src/lib/api/supabase";
-const SignUp = () => {
+export default function Page() {
const [loading, setLoading] = React.useState(false);
const [done, setDone] = React.useState(false);
const [userData, setUserData] = React.useState({
@@ -173,6 +173,4 @@ const SignUp = () => {
)}
);
-};
-
-export default SignUp;
+}
diff --git a/src/app/widget/page.tsx b/src/app/widget/page.tsx
index b0c46c7e348..ca0fcdc9577 100644
--- a/src/app/widget/page.tsx
+++ b/src/app/widget/page.tsx
@@ -23,7 +23,7 @@ const Graph = dynamic(() => import("src/containers/Views/GraphView").then(c => c
ssr: false,
});
-const WidgetPage = () => {
+export default function Page() {
const { push } = useRouter();
const queryParams = useSearchParams();
const jsonParam = queryParams?.get("json");
@@ -71,6 +71,4 @@ const WidgetPage = () => {
);
-};
-
-export default WidgetPage;
+}