Quiero obtener el contenido de un componente React con JSX como una cadena

 const Component = () => <div>Hello</div> console.log(Component.toString()) // desired result: "() => alert('hello')"

Pero obtengo un objeto extraño en su lugar.

 "() => /*#__PURE__*/Object(react_jsx_dev_runtime__WEBPACK_IMPORTED_MODULE_6__["jsxDEV"])("div", { children: "Hello" }, void 0, false, { fileName: _jsxFileName, lineNumber: 182, columnNumber: 26 }, undefined)"

Por ejemplo, el contenido de una función básica se imprime normalmente

 const func = () => alert('hello') console.log(func.toString()) // result: "() => alert('hello')"

¿Alguna idea de cómo obtener una representación de cadena de un componente React?