diff --git a/unlock-app/src/components/content/certification/CertificationDeploying.tsx b/unlock-app/src/components/content/certification/CertificationDeploying.tsx
index bbc399a8a40..d119ccbf41c 100644
--- a/unlock-app/src/components/content/certification/CertificationDeploying.tsx
+++ b/unlock-app/src/components/content/certification/CertificationDeploying.tsx
@@ -1,6 +1,6 @@
 import { Button } from '@unlock-protocol/ui'
 import Link from 'next/link'
-import { useRouter } from 'next/router'
+import { useRouter } from 'next/navigation'
 import { FiExternalLink as ExternalLinkIcon } from 'react-icons/fi'
 
 import {
diff --git a/unlock-app/src/components/interface/checkout/Container.tsx b/unlock-app/src/components/interface/checkout/Container.tsx
index 98e6ae4e1b2..e1a99c02f78 100644
--- a/unlock-app/src/components/interface/checkout/Container.tsx
+++ b/unlock-app/src/components/interface/checkout/Container.tsx
@@ -1,6 +1,6 @@
 import { NextSeo } from 'next-seo'
-import { useRouter } from 'next/router'
-import React, { ReactNode } from 'react'
+import { useSearchParams } from 'next/navigation'
+import { ReactNode } from 'react'
 import { config } from '~/config/app'
 
 interface Props {
@@ -8,8 +8,8 @@ interface Props {
 }
 
 export function Container({ children }: Props) {
-  const { query } = useRouter()
-  const id = query.id
+  const searchParams = useSearchParams()
+  const id = searchParams.get('id')
 
   return (
     <>