content에는 String 혹은 HTMLElement를 넣을 수 있습니다.
일단 JSX 문법으로 작성된 Element 같이 보이는 <div>테스트</div> 오브젝트는
컴파일 단계에서 React의 컴포넌트 객체로 변경될 것이므로
DOM Element가 아닙니다.
해당 객체는 API에서 처리할 수 있는 값이 아니므로 부작용이 일어납니다.
일단 에러 메세지가 무엇때문에 발생했는지 무시하더라도
질문의 코드는 제대로 동작하지 않을 겁니다.
크로스 오리진 에러가 왜 발생하는지는
저도 윗 코드만 보고는 감이 오지 않습니다.
development 환경에서 JSX를 실시간 컴파일 하는 과정(watch -> HMR)에서 발생하는
태그 인젝션이 문제를 일으킬 확률이 있어 보입니다.
근거도 불충분하고 조건도 모르는, 어디까지나 소설 수준의 추측이지만…
정확한 원인을 말씀드리기는 어렵네요.