docusaurus live 오류

[hae-on]

• theme을 써서 스타일을 한 부분을 읽지 못함
  ex) border: 1px solid ${({ theme }) => theme.colors.gray2};
  여기에 gray2를 읽지 못해서 문서 오류가 남

• custom hook을 인식하지 못함
  하나의 컴포넌트로 감싸야 인식하는데 그러면 렌더링이 안됨.

공식문서를 보면...

렌더링 명령(noInline)
The noInline option should be used to avoid errors when your code spans multiple components or variables.

const project = 'Docusaurus';

const Greeting = () => <p>Hello {project}!</p>;

render(<Greeting />);

이렇게 쓸 수 있는데 이렇게 해봐도 에러 남.
해결 가능한 사람은 이슈 파고 해결해 보세용