handle pathname and router support in sb

Author: pettinarip

src/components/FeedbackWidget/useFeedbackWidget.ts

@@ -33,7 +33,7 @@ export const useFeedbackWidget = () => {
     const pathsWithBottomNav = ["/staking", "/dao", "/defi", "/nft"]
     let shouldOffset = false
     pathsWithBottomNav.forEach((path) => {
-      if (pathname.includes(path)) {
+      if ((pathname || "").includes(path)) {
         shouldOffset = true
       }
     })

src/components/ui/Link.tsx

@@ -58,7 +58,7 @@ export const BaseLink = forwardRef<HTMLAnchorElement, LinkProps>(function Link(
     return <a {...props} />
   }
 
-  const isActive = url.isHrefActive(href, pathname, isPartiallyActive)
+  const isActive = url.isHrefActive(href, pathname || "", isPartiallyActive)
   const isDiscordInvite = url.isDiscordInvite(href)
   const isFile = url.isFile(href)
   const isExternal = url.isExternal(href)

src/hooks/useSurvey.ts

@@ -12,7 +12,10 @@ import { usePathname } from "@/i18n/routing"
 export const useSurvey = (feedbackSubmitted: boolean) => {
   const locale = useLocale()
   const pathname = usePathname()
-  const { href: url } = new URL(path.join(locale! as Lang, pathname), SITE_URL)
+  const { href: url } = new URL(
+    path.join(locale! as Lang, pathname || ""),
+    SITE_URL
+  )
   return useMemo((): string | null => {
     if (!feedbackSubmitted) return null
     return `https://ethereumorg.paperform.co//?url=${url}`

src/layouts/stories/BaseLayout.stories.tsx

@@ -15,6 +15,9 @@ const meta = {
         ...langViewportModes,
       },
     },
+    nextjs: {
+      appDirectory: true,
+    },
   },
   argTypes: {
     children: {