¿Cómo se comenta un componente React?

 import React, { useState } from 'react'; import { Text, TextInput, View } from 'react-native'; import PropTypes from "prop-types"; const PizzaTranslator = ({ pizzaEmoji = '🍕'}) => { const [text, setText] = useState(''); return ( <View style={{padding: 10}}> <TextInput style={{height: 40}} placeholder="Type here to translate!" onChangeText={newText => setText(newText)} defaultValue={text} /> <Text style={{padding: 10, fontSize: 42}}> {text.split(' ').map((word) => word && pizzaEmoji).join(' ')} </Text> </View> ); } PizzaTranslator.propTypes = { pizzaEmoji: PropTypes.string, } export default PizzaTranslator;

Estoy documentando los componentes de mi aplicación React Native (EXPO). Para eso, he intentado instalar

reaccionar-styleguidist.js

pero, después de seguir todo el proceso de instalación, he caído en múltiples errores relacionados con la configuración del webpack de expo.

¿Se recomienda usar bibliotecas de terceros como react-styleguidist para generar automáticamente documentación visual? ¿O es suficiente comentarlos usando la sintaxis JSDOC?

¿Qué me recomiendan para comentar el código de mis componentes? ¿Alguna biblioteca o guía que utilices?