Tengo un problema al hacer un componente HOC con ganchos adentro.
Estoy tratando de encontrar una solución correcta para no romper rules-of-hooks .
Si cambio el nombre de este componente para que comience con minúsculas: withNetworkDetector en lugar de mayúsculas, no obtendré errores, pero ¿rompí la regla entonces?
¿Este código será seguro entonces?
export const WithNetworkDetector = (Component: FC<{}>) => (props: any) => { const [isDisconnected, setIsDisconnected] = useState(false); const handleConnectionChange = useCallback(() => { ... setIsDisconnected(true); }, []); return ( <div> {isDisconnected && ( <Toast type="warning" text={TOAST_ERRORS.LOST_INTERNET_CONNECTION} /> )} <Component /> </div> ); };Los ganchos se pueden usar dentro del componente funcional React. Uno de los criterios que clasifican una función como función de reacción es el nombre que comienza en mayúsculas, entonces solo podemos usar eso como un componente de reacción. Por lo tanto, romperá la regla.