[오류] SyntaxError: (경로) : Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment <>...</>? (15:4)

 

SyntaxError: (경로) : Adjacent JSX elements must be wrapped in an enclosing tag. Did you want a JSX fragment <>...</>? (15:4)

 

return 으로 여러개의 태그를 반환해서 생긴 오류.

  return (

    <h2>Test</h2>
    <Container>
      <InputItem>
        <input></input>
      </InputItem>
    </Container>

  );

 

아래처럼 하나의 태그로 감싸줬더니 해결.

  return (
    <>
    <h2>Test</h2>
    <Container>
      <InputItem>
        <input></input>
      </InputItem>
    </Container>
    </>
  );