chore: update opennextjs ui dependencies

Author: zpg6

examples/opennextjs/package.json

@@ -42,6 +42,7 @@
     "devDependencies": {
         "@cloudflare/workers-types": "^4.20260405.1",
         "@opennextjs/cloudflare": "^1.6.5",
+        "@radix-ui/react-primitive": "^2.1.3",
         "@types/node": "^20",
         "@types/react": "^19",
         "@types/react-dom": "^19",

examples/opennextjs/src/app/dashboard/SignOutButton.tsx

@@ -40,7 +40,7 @@ export default function SignOutButton() {
                             router.replace("/"); // Redirect to home page on sign out
                         });
                     },
-                    onError: err => {
+                    onError: (err: { error: { message: string } }) => {
                         console.error("Sign out error:", err);
                         setError(err.error.message || "Sign out failed. Please try again.");
                         // Optionally, still attempt to redirect or handle UI differently

examples/opennextjs/src/components/ui/dialog.tsx

@@ -5,28 +5,23 @@ import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { XIcon } from "lucide-react";
 import * as React from "react";
 
-type WithClassAndChildren = { className?: string; children?: React.ReactNode };
-
-function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root> & WithClassAndChildren) {
+function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>) {
     return <DialogPrimitive.Root data-slot="dialog" {...props} />;
 }
 
-function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger> & WithClassAndChildren) {
+function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>) {
     return <DialogPrimitive.Trigger data-slot="dialog-trigger" {...props} />;
 }
 
-function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal> & WithClassAndChildren) {
+function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>) {
     return <DialogPrimitive.Portal data-slot="dialog-portal" {...props} />;
 }
 
-function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close> & WithClassAndChildren) {
+function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>) {
     return <DialogPrimitive.Close data-slot="dialog-close" {...props} />;
 }
 
-function DialogOverlay({
-    className,
-    ...props
-}: React.ComponentProps<typeof DialogPrimitive.Overlay> & WithClassAndChildren) {
+function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>) {
     return (
         <DialogPrimitive.Overlay
             data-slot="dialog-overlay"
@@ -44,10 +39,9 @@ function DialogContent({
     children,
     showCloseButton = true,
     ...props
-}: React.ComponentProps<typeof DialogPrimitive.Content> &
-    WithClassAndChildren & {
-        showCloseButton?: boolean;
-    }) {
+}: React.ComponentProps<typeof DialogPrimitive.Content> & {
+    showCloseButton?: boolean;
+}) {
     return (
         <DialogPortal data-slot="dialog-portal">
             <DialogOverlay />
@@ -94,10 +88,7 @@ function DialogFooter({ className, ...props }: React.ComponentProps<"div">) {
     );
 }
 
-function DialogTitle({
-    className,
-    ...props
-}: React.ComponentProps<typeof DialogPrimitive.Title> & WithClassAndChildren) {
+function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>) {
     return (
         <DialogPrimitive.Title
             data-slot="dialog-title"
@@ -107,10 +98,7 @@ function DialogTitle({
     );
 }
 
-function DialogDescription({
-    className,
-    ...props
-}: React.ComponentProps<typeof DialogPrimitive.Description> & WithClassAndChildren) {
+function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>) {
     return (
         <DialogPrimitive.Description
             data-slot="dialog-description"

examples/opennextjs/src/components/ui/label.tsx

@@ -4,10 +4,7 @@ import { cn } from "@/lib/utils";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import * as React from "react";
 
-function Label({
-    className,
-    ...props
-}: React.ComponentProps<typeof LabelPrimitive.Root> & { className?: string; children?: React.ReactNode }) {
+function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>) {
     return (
         <LabelPrimitive.Root
             data-slot="label"

examples/opennextjs/src/components/ui/tabs.tsx

@@ -4,13 +4,11 @@ import { cn } from "@/lib/utils";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import * as React from "react";
 
-type WithClassAndChildren = { className?: string; children?: React.ReactNode };
-
-function Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root> & WithClassAndChildren) {
+function Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>) {
     return <TabsPrimitive.Root data-slot="tabs" className={cn("flex flex-col gap-2", className)} {...props} />;
 }
 
-function TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List> & WithClassAndChildren) {
+function TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>) {
     return (
         <TabsPrimitive.List
             data-slot="tabs-list"
@@ -23,10 +21,7 @@ function TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimi
     );
 }
 
-function TabsTrigger({
-    className,
-    ...props
-}: React.ComponentProps<typeof TabsPrimitive.Trigger> & WithClassAndChildren) {
+function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>) {
     return (
         <TabsPrimitive.Trigger
             data-slot="tabs-trigger"
@@ -39,10 +34,7 @@ function TabsTrigger({
     );
 }
 
-function TabsContent({
-    className,
-    ...props
-}: React.ComponentProps<typeof TabsPrimitive.Content> & WithClassAndChildren) {
+function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>) {
     return (
         <TabsPrimitive.Content data-slot="tabs-content" className={cn("flex-1 outline-none", className)} {...props} />
     );