fix: [1주차 리뷰] maxWidth의 타입을 구체적으로 지정

kakao-tech-campus-2nd-step2 · Jun 30, 2024 · 7f91189 · 7f91189
1 parent a3d5b2e
commit 7f91189
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/Layout/Container.tsx b/src/components/Layout/Container.tsx
@@ -1,7 +1,7 @@
 import styled from '@emotion/styled';
 
 export interface IContainer {
-  maxWidth?: string;
+  maxWidth?: `${string}px`;
   children: React.ReactNode;
   flexDirection?: 'row' | 'column';
   justifyContent?: 'center' | 'flex-start' | 'flex-end' | 'space-between' | 'space-around';

diff --git a/src/stories/Container.stories.tsx b/src/stories/Container.stories.tsx
@@ -10,7 +10,7 @@ const Template: StoryFn<IContainer> = (args) => <Container {...args} />;
 
 export const Default = Template.bind({});
 Default.args = {
-  maxWidth: '100',
+  maxWidth: '100px',
   children: 'Hello, world!',
   flexDirection: 'row',
   justifyContent: 'center',