search

gloriaJun / til

Lessoned Learned
3 stars 0 forks source link

[TypeScript] lint erro : Component definition is missing display name react/display-name #80

Open gloriaJun opened 4 years ago

gloriaJun commented 4 years ago

Version

Solution

eslint의 설정에서 'react/prop-types': 'off'로 설정하여 사용하라는 내용도 있었지만, 먼가 미묘하게 찜찜한 느낌이 들기도 해서 아래와 같은 방법으로 정의 하여 사용하고 있다.

import React from 'react';

interface IMainContainer {
  children: React.ReactNode;
}

export default function MainContainer(props: IMainContainer): JSX.Element {
  return <main className={'container'}>{props.children}</main>;
}

Reference