fix: always import types from "react"

guildxyz · Jan 2, 2025 · ba05480 · ba05480
1 parent 27cbb2f
commit ba05480
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 9 deletions.
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -8,7 +8,7 @@ import { SignInDialog } from "@/components/SignInDialog";
 import { Toaster } from "@/components/ui/Toaster";
 import { dystopian } from "@/lib/fonts";
 import { cn } from "lib/cssUtils";
-import { Suspense } from "react";
+import { type ReactNode, Suspense } from "react";
 
 export const metadata: Metadata = {
   title: "Guildhall",
@@ -23,7 +23,7 @@ export const metadata: Metadata = {
 const RootLayout = ({
   children,
 }: Readonly<{
-  children: React.ReactNode;
+  children: ReactNode;
 }>) => {
   return (
     <html lang="en" suppressHydrationWarning>

diff --git a/src/components/AuthBoundary.tsx b/src/components/AuthBoundary.tsx
@@ -2,13 +2,14 @@
 
 import { userOptions } from "@/lib/options";
 import { useQuery } from "@tanstack/react-query";
+import type { ReactNode } from "react";
 
 export const AuthBoundary = ({
   fallback,
   children,
 }: Readonly<{
-  fallback: React.ReactNode;
-  children: React.ReactNode;
+  fallback: ReactNode;
+  children: ReactNode;
 }>) => {
   const { data: user } = useQuery(userOptions());
 

diff --git a/src/components/ui/Skeleton.tsx b/src/components/ui/Skeleton.tsx
@@ -1,9 +1,7 @@
 import { cn } from "@/lib/cssUtils";
+import type { HTMLAttributes } from "react";
 
-function Skeleton({
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLDivElement>) {
+function Skeleton({ className, ...props }: HTMLAttributes<HTMLDivElement>) {
   return (
     <div
       className={cn("animate-pulse rounded-md bg-skeleton", className)}

diff --git a/src/components/ui/Toaster.tsx b/src/components/ui/Toaster.tsx
@@ -1,9 +1,10 @@
 "use client";
 
 import { useTheme } from "next-themes";
+import type { ComponentProps } from "react";
 import { Toaster as Sonner } from "sonner";
 
-type ToasterProps = React.ComponentProps<typeof Sonner>;
+type ToasterProps = ComponentProps<typeof Sonner>;
 
 const Toaster = ({ ...props }: ToasterProps) => {
   const { theme = "system" } = useTheme();