import { Box } from 'grommet' import type { GetServerSideProps } from 'next' import dynamic from 'next/dynamic' import Head from 'next/head' import Layout from '../../../components/Layout' import Navbar from '../../../components/Navbar' import OpenGraphMeta from '../../../components/OpenGraphMeta' const EditProfileScreen = dynamic(() => import('../../../components/client/EditProfileScreen'), { ssr: false, }) export const getServerSideProps: GetServerSideProps = async (ctx) => { const { getRequestState } = await import('../../../server') return { props: { state: await getRequestState(ctx) } } } export default function EditProfilePage() { return ( My profile | Self.ID ) }