import { NextPage } from 'next' ; import dynamic from 'next/dynamic' ; import { useRouter } from 'next/router' ; import * as React from 'react' ; import { OverlayLayout } from '~/layouts/overlay-layout' ; import { createNextPage } from '~/lib/create-next-page' ; import { parseTimeSignalQuery } from '~/lib/query-parser' ; const TimeSignalWrapper = dynamic ( ( ) => import ( '~/modules/time-signal/time-signal-wrapper' ) , { ssr : false , } ) ; const TimeSignalPage = ( ) => { const router = useRouter ( ) ; const { h , m } = React . useMemo ( ( ) => parseTimeSignalQuery ( router . query ) , [ router . query ] ) ; return < TimeSignalWrapper startH = { h } startM = { m } / > ; } ; export default createNextPage ( TimeSignalPage , { layout : OverlayLayout , } ) ;