Actualmente intento convertir una parte del código base en Flow. Mientras abordaba las llamadas a la API, creé un gancho para abstraer la funcionalidad. Sin embargo, cuando traté de importarlo, la función siempre regresaba con un tipo agregado any tarde.

usarApi.js

 // @flow import {useState, useEffect} from 'react'; export default function useApi<T>( apiCall: (...args: any[]) => Promise<T>, initialValue:T[]=[] ): T[] { const [data, setData] = useState(initialValue); useEffect(() => { apiCall().then(setData).catch(console.error); }, [apiCall]); return data; }

Aplicación.js

 import './App.css'; import useApi from './hooks/useApi'; import { getOffers } from './service/Offers'; import { useCallback } from "react"; import Header from "./components/Header"; import Card from "./components/Card"; function App() { const getOffersMemo = useCallback(() => getOffers(), []); const offers = useApi(getOffersMemo); // type => OfferModel[] | any return (//SomeTemplate); } export default App;

Sin embargo, cuando uso export sin palabra clave default , no agrega any tipo. ¿Cuál es la razón de este comportamiento?