chore(deps): update react monorepo (#329)

* chore(deps): update react monorepo * fix(client): 타입 수정 * chore(client): select placeholder 추가 --------- Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: 김석진 <[email protected]>
sickgyun · Apr 22, 2024 · f0ad0cc · f0ad0cc
1 parent ff438d7
commit f0ad0cc
Show file tree

Hide file tree

Showing 6 changed files with 2,557 additions and 6,983 deletions.
diff --git a/apps/client/src/components/common/Logo/index.tsx b/apps/client/src/components/common/Logo/index.tsx
@@ -1,9 +1,9 @@
-import type { HTMLAttributes } from 'react';
+import type { ImgHTMLAttributes } from 'react';
 
 type LogoProps = {
   width: number;
   height: number;
-} & HTMLAttributes<HTMLDivElement>;
+} & ImgHTMLAttributes<HTMLImageElement>;
 
 const Logo = ({ width, height, ...props }: LogoProps) => {
   return (

diff --git a/configs/tsconfig/package.json b/configs/tsconfig/package.json
@@ -7,6 +7,6 @@
     "access": "public"
   },
   "devDependencies": {
-    "@types/react": "18.2.13"
+    "@types/react": "18.2.79"
   }
 }
diff --git a/packages/ui/src/Modal/ModalCloseButton.tsx b/packages/ui/src/Modal/ModalCloseButton.tsx
@@ -1,10 +1,10 @@
 import { IconCloseFill } from '@seed-design/icon';
 import { colors } from '@sickgyun/design-token';
-import type { HTMLAttributes } from 'react';
+import type { SVGAttributes } from 'react';
 
 type ModalCloseButtonProps = {
   onClose: VoidFunction;
-} & HTMLAttributes<HTMLDivElement>;
+} & SVGAttributes<SVGSVGElement>;
 
 export const ModalCloseButton = ({ onClose }: ModalCloseButtonProps) => {
   return (

diff --git a/packages/ui/src/Select/index.tsx b/packages/ui/src/Select/index.tsx
@@ -1,7 +1,7 @@
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import { IconExpandMoreFill } from '@seed-design/icon';
-import type { ForwardedRef, HTMLAttributes, ReactNode } from 'react';
+import type { ForwardedRef, ReactNode, SelectHTMLAttributes } from 'react';
 import { forwardRef } from 'react';
 import { Flex } from '../Flex';
 import { Text } from '../Text';
@@ -10,7 +10,8 @@ type SelectProps = {
   children: ReactNode;
   width?: string;
   label?: string;
-} & HTMLAttributes<HTMLSelectElement>;
+  placeholder?: string;
+} & SelectHTMLAttributes<HTMLSelectElement>;
 
 export const Select = forwardRef(function Select(
   { children, placeholder, label, width = '100%', ...props }: SelectProps,

diff --git a/packages/ui/src/Textarea/index.tsx b/packages/ui/src/Textarea/index.tsx
@@ -1,6 +1,6 @@
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
-import type { ChangeEvent, ForwardedRef, HTMLAttributes } from 'react';
+import type { ChangeEvent, ForwardedRef, TextareaHTMLAttributes } from 'react';
 import { forwardRef, useCallback } from 'react';
 import { Text } from '../Text';
 
@@ -9,7 +9,7 @@ type TextareaProps = {
   width?: string;
   minHeight?: string;
   isAutoHeight?: boolean;
-} & HTMLAttributes<HTMLTextAreaElement>;
+} & TextareaHTMLAttributes<HTMLTextAreaElement>;
 
 export const Textarea = forwardRef(function Textarea(
   {