fix await params for nextjs 15

app/api/shared/bookmarks/route.ts

@@ -22,7 +22,7 @@ export async function GET(request: NextRequest) {
   }
 
   const parsedHash = decodeURIComponent(hash ?? '');
-  const ip = request.ip ?? '127.0.0.1';
+  let ip = request.headers.get("x-real-ip") ?? '127.0.0.1' as string;
   const { success } = await ratelimit.limit(ip);
 
   if (!success) {

app/app/auth/callback/route.ts

@@ -5,7 +5,7 @@ import { type CookieOptions, createServerClient } from '@supabase/ssr';
 import { urls } from 'config/urls';
 
 export async function GET(request: Request) {
-  const cookieStore = cookies();
+  const cookieStore = await cookies();
   const { searchParams } = new URL(request.url);
   const code = searchParams.get('code');
 

app/app/tags/[slug]/page.tsx

@@ -13,20 +13,21 @@ const title = 'Bookmark it.';
 const description =
   'Bookmark It. is an open-source bookmark manager to organize, discover and personalize your bookmarking experience';
 
-type MetadataType = {
-  params: { slug: string };
-};
+  type Props = {
+    params: Promise<{ slug: string }>
+    searchParams: Promise<{ [key: string]: string | string[] | undefined }>
+  }
 
-export async function generateMetadata({ params }: MetadataType) {
-  const { slug } = params;
+export async function generateMetadata({ params }: Props) {
+  const { slug } = await  params;
   return {
     title: `${title} | Tag: ${decodeURIComponent(slug)}`,
     description,
   };
 }
 
-export default async function Page({ params }: { params: { slug: string } }) {
-  const { slug } = params;
+export default async function Page({ params }: Props) {
+  const { slug } = await params;
   const tagName = decodeURIComponent(slug);
   const [bookmarks, tags] = await Promise.all([
     await getBookmarksForTag(tagName),

components/context/theme.tsx

@@ -3,7 +3,7 @@
 import * as React from 'react';
 
 import { ThemeProvider as NextThemesProvider } from 'next-themes';
-import { type ThemeProviderProps } from 'next-themes/dist/types';
+import { type ThemeProviderProps } from 'next-themes';
 
 export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
   return <NextThemesProvider {...props}>{children}</NextThemesProvider>;

components/hooks/useInteraction.ts

@@ -109,9 +109,9 @@ export function useIntersectionObserver(
     entry: undefined,
   }));
 
-  const callbackRef = useRef<ObserverCallback>();
+  const callbackRef = useRef<ObserverCallback | null>(null);
 
-  callbackRef.current = options?.onChange;
+  callbackRef.current = options?.onChange ?? null;
 
   const frozen = state.entry?.isIntersecting && freezeOnceVisible;