Merge pull request #26 from gsuke/feature/#25-remove-defaultprops

refactor: remove "defaultProps"

.eslintrc.yml

@@ -8,6 +8,9 @@ extends:
   - 'next/core-web-vitals'
   - 'prettier'
 rules:
+  # https://github.com/jsx-eslint/eslint-plugin-react/issues/2396
+  # https://github.com/iamturns/eslint-config-airbnb-typescript/issues/203
+  'react/require-default-props': off
   # To execute async process in onClick: https://github.com/typescript-eslint/typescript-eslint/pull/4623
   '@typescript-eslint/no-misused-promises':
     - error

src/components/molecules/user/BaseUserName.tsx

@@ -5,10 +5,6 @@ type Props = {
   children: ReactNode;
 };
 
-export default function BaseUserName({ className, children }: Props) {
-  return <span className={`inline-flex items-center ${className ?? ''}`}>{children}</span>;
+export default function BaseUserName({ className = '', children }: Props) {
+  return <span className={`inline-flex items-center ${className}`}>{children}</span>;
 }
-
-BaseUserName.defaultProps = {
-  className: '',
-};

src/components/organisms/text/TextList.tsx

@@ -62,7 +62,3 @@ export default function TextList({ userId }: Props) {
     </InfiniteScroll>
   );
 }
-
-TextList.defaultProps = {
-  userId: undefined,
-};

src/components/templates/Template.tsx

@@ -16,8 +16,3 @@ export default function Template({ floatingItems, children }: Props) {
     </>
   );
 }
-
-Template.defaultProps = {
-  floatingItems: null,
-  children: null,
-};