LoginForm.js

Styled Component 적용할 때 맨 아랫부분에 적혀잇는것처럼 전자처럼 코딩을 하면 에러가 없는데 후자 처럼 코딩을 하면 chrome에서 에러가 발생하는데 어떻게 처리하나요? 또 4. WrappedApp created~ 이부분은 왜 뜨고 어떻게 없애나요?

<div style={{marginTop:'10px'}}>
      <Button type="primary" htmlType="submit" loading={false} >LogIn</Button>
      <Link href="/signup"><a><Button>SignUp</Button></a></Link>
</div>
#############################
const ButtonWrapper = styled.div`
    margin-top: 10px;
`;

<ButtonWrapper>
     <Button type="primary" htmlType="submit" loading={false} >LogIn</Button>
     <Link href="/signup"><a><Button>SignUp</Button></a></Link>
</ButtonWrapper>