Tengo esta siguiente advertencia de ESLint:
React Hook "useBuilderFeatureFlagContext" se llama en la función "Slide.RenderBuilder" que no es ni un componente de la función React ni una función React Hook personalizada.
y este es el siguiente componente:
Slide.RenderBuilder = ({ children }) => { const flags = useBuilderFeatureFlagContext(); return ( <> <SlideWrapper $flags={flags}> {children} </SlideWrapper> <ImageSetter attributeName="containerBackgroundImage" /> </> ); };¿Cómo escribo una regla que pueda incluir en la lista blanca este caso específico?
Si puede, primero defina el componente y luego agréguelo a su objeto.
const RenderBuilder = ({ children }) => { const flags = useBuilderFeatureFlagContext(); return (/**/); }; Slide.RenderBuilder = RenderBuilder;De esa forma, la regla comprobará correctamente los ganchos y tendrá la estructura que busca.
Asegúrese de usarlo como un componente <Slide.RenderBuilder /> , de lo contrario, podría terminar rompiendo las reglas de los ganchos.