diff --git a/apps/common/features/src/entities/posting/ui/posting-dialog.tsx b/apps/common/features/src/entities/posting/ui/posting-dialog.tsx
index 3cf0eaeeb..e125eb7a8 100644
--- a/apps/common/features/src/entities/posting/ui/posting-dialog.tsx
+++ b/apps/common/features/src/entities/posting/ui/posting-dialog.tsx
@@ -289,7 +289,7 @@ function PostingDialog({ postingType, postingTargets }: PostingDialogProps) {
                       {parseInt(rememberPeriodCode[site.siteId] ?? "") ===
                         0 && (
                         <DateRangePicker
-                          handleDateChange={(date) =>
+                          onValueChange={(date) =>
                             handlePeriodDateChange(site.siteId)(
                               date as DateRange | undefined,
                             )
diff --git a/apps/common/features/src/widgets/post/ui/posting-period-selector.tsx b/apps/common/features/src/widgets/post/ui/posting-period-selector.tsx
index 1673df8c9..9c23995a6 100644
--- a/apps/common/features/src/widgets/post/ui/posting-period-selector.tsx
+++ b/apps/common/features/src/widgets/post/ui/posting-period-selector.tsx
@@ -76,9 +76,7 @@ function PostingPeriodSelector({
           </span>
         )
       )}
-      {periodCode === "0" && (
-        <DateRangePicker handleDateChange={onDateChange} />
-      )}
+      {periodCode === "0" && <DateRangePicker onValueChange={onDateChange} />}
     </div>
   );
 }
diff --git a/packages/common/components/src/ui/icon-finder/index.tsx b/packages/common/components/src/ui/icon-finder/index.tsx
index 326eb7be8..137b75aad 100644
--- a/packages/common/components/src/ui/icon-finder/index.tsx
+++ b/packages/common/components/src/ui/icon-finder/index.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import { useState } from "react";
 import { cn } from "../../lib";
 import { Button } from "../button";
diff --git a/packages/common/components/src/ui/lnb/index.tsx b/packages/common/components/src/ui/lnb/index.tsx
index 3ea573a76..19aebcbc2 100644
--- a/packages/common/components/src/ui/lnb/index.tsx
+++ b/packages/common/components/src/ui/lnb/index.tsx
@@ -1,3 +1,5 @@
+"use client";
+
 import { useState } from "react";
 import { useQuery } from "@tanstack/react-query";
 import { ChevronRight } from "lucide-react";
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ade6a3d0e..d68b2ecd9 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -172,12 +172,9 @@ importers:
       '@common/config':
         specifier: workspace:*
         version: link:../../packages/common/config
-<<<<<<< HEAD
-=======
       '@fontsource-variable/noto-sans-kr':
         specifier: ^5.2.5
         version: 5.2.5
->>>>>>> origin/main
       '@frontend-opensource/use-react-hooks':
         specifier: ^1.1.4
         version: 1.1.4
@@ -344,6 +341,9 @@ importers:
       tailwindcss-animate:
         specifier: ^1.0.7
         version: 1.0.7(tailwindcss@3.4.17)
+      tus-js-client:
+        specifier: ^4.3.1
+        version: 4.3.1
       zod:
         specifier: ^3.24.2
         version: 3.24.2