[TS] TypeScript에서 styled-components 타입 지정

const BaContainer = styled.div`
  position: relative;
  top: 25px;
  background-color: ${(props) => props.bg};
  width: 100%;
  max-width: 71.25rem;
  margin: 0 auto;
  height: 370px;
`;

<BaContainer bg='skyblue'>배너이미지</BaContainer>

자바스크립트에서는 이런식으로 하면 되지만

타입스크립트에서는

const BaContainer = styled.div<{ bg: string }>`
  position: relative;
  top: 25px;
  background-color: ${(props) => props.bg};
  width: 100%;
  max-width: 71.25rem;
  margin: 0 auto;
  height: 370px;
`;

<BaContainer bg='skyblue'>배너이미지</BaContainer>

이런식으로 div 옆에 타입을 지정을 해줘야한다.