From ba9ddcac3890ec290fd1f4d05a1201b5aa1566e8 Mon Sep 17 00:00:00 2001
From: Mike Cao <mike@mikecao.com>
Date: Thu, 27 Jul 2023 14:14:55 -0700
Subject: [PATCH] Get basePath from router.

---
 components/pages/settings/websites/ShareUrl.js | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/components/pages/settings/websites/ShareUrl.js b/components/pages/settings/websites/ShareUrl.js
index 35185da1..7f0b352c 100644
--- a/components/pages/settings/websites/ShareUrl.js
+++ b/components/pages/settings/websites/ShareUrl.js
@@ -10,9 +10,9 @@ import {
 } from 'react-basics';
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { getRandomChars } from 'next-basics';
+import { useRouter } from 'next/router';
 import useApi from 'hooks/useApi';
 import useMessages from 'hooks/useMessages';
-import useConfig from 'hooks/useConfig';
 
 const generateId = () => getRandomChars(16);
 
@@ -21,13 +21,16 @@ export function ShareUrl({ websiteId, data, onSave }) {
   const { name, shareId } = data;
   const [id, setId] = useState(shareId);
   const { post, useMutation } = useApi();
-  const { basePath } = useConfig();
+  const { basePath } = useRouter();
   const { mutate, error } = useMutation(({ shareId }) =>
     post(`/websites/${websiteId}`, { shareId }),
   );
   const ref = useRef(null);
   const url = useMemo(
-    () => `${process.env.analyticsUrl || location.origin}${basePath || ''}/share/${id}/${encodeURIComponent(name)}`,
+    () =>
+      `${process.env.analyticsUrl || location.origin}${basePath}/share/${id}/${encodeURIComponent(
+        name,
+      )}`,
     [id, name],
   );