refactor: import types properly

majority-elite · Aug 16, 2024 · 2d24590 · 2d24590
1 parent a300247
commit 2d24590
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/app/components/common/Button/Button.tsx b/app/components/common/Button/Button.tsx
@@ -1,10 +1,10 @@
-import { type DetailedHTMLProps } from 'react';
+import { type ButtonHTMLAttributes, type DetailedHTMLProps } from 'react';
 import * as styles from './Button.css';
 import { textStyle } from '@/styles/text.css';
 
 interface ButtonProps
   extends DetailedHTMLProps<
-    React.ButtonHTMLAttributes<HTMLButtonElement>,
+    ButtonHTMLAttributes<HTMLButtonElement>,
     HTMLButtonElement
   > {
   variant: 'primary' | 'secondary';

diff --git a/app/root.tsx b/app/root.tsx
@@ -5,10 +5,12 @@ import {
   Scripts,
   ScrollRestoration,
 } from '@remix-run/react';
+import { type ReactNode } from 'react';
+
 import './root.css';
 import '@/styles/theme.css';
 
-export const Layout = ({ children }: { children: React.ReactNode }) => (
+export const Layout = ({ children }: { children: ReactNode }) => (
   <html lang="ko">
     <head>
       <meta charSet="utf-8" />

diff --git a/app/styles/text.css.ts b/app/styles/text.css.ts
@@ -1,4 +1,4 @@
-import { ComplexStyleRule, styleVariants } from '@vanilla-extract/css';
+import { type ComplexStyleRule, styleVariants } from '@vanilla-extract/css';
 import { Breakpoint } from '@/constants/style';
 import { getMediaQuery } from '@/utils/style';