From b6687110bd0381a0838fe1374e49707f0f2832e8 Mon Sep 17 00:00:00 2001
From: Michael Schramm <michael.schramm@gmail.com>
Date: Mon, 1 Jun 2020 03:57:40 +0200
Subject: [PATCH] get initial doesn't work with global one

---
 pages/form/[id]/index.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/pages/form/[id]/index.tsx b/pages/form/[id]/index.tsx
index 8a186b7..99cb8d1 100644
--- a/pages/form/[id]/index.tsx
+++ b/pages/form/[id]/index.tsx
@@ -6,6 +6,7 @@ import {FormPage} from 'components/form/page'
 import {LoadingPage} from 'components/loading.page'
 import {FORM_QUERY, FormQueryData, FormQueryVariables} from 'graphql/query/form.query'
 import {NextPage} from 'next'
+import {useRouter} from 'next/router'
 import React, {useState} from 'react'
 import Swiper from 'react-id-swiper'
 import {ReactIdSwiperProps} from 'react-id-swiper/lib/types'
@@ -16,7 +17,9 @@ interface Props {
   id: string
 }
 
-const Index: NextPage<Props> = ({id}) => {
+const Index: NextPage<Props> = () => {
+  const router = useRouter()
+  const id = router.query.id as string
   const [swiper, setSwiper] = useState<OriginalSwiper.default>(null)
   const submission = useSubmission(id)