Estoy obteniendo juegos de la base de datos IGDB usando getStaticProps. Todo funciona bien, pero ahora quiero implementar juegos de búsqueda usando la entrada de texto y el botón. Estoy obteniendo valor de la entrada de texto usando onChange y necesito pasar el estado a la consulta de búsqueda, pero ¿cómo puedo hacer esto fuera de la función? Aquí está el código:

 export async function getStaticProps() { const response = await fetch( `https://api.igdb.com/v4/games/?fields=cover.*,name;search=${HERE I NEED TO PASS INPUT VALUE};`, { headers: { 'Accept': 'application/json', 'Client-ID': 'my client_id', 'Authorization': 'Bearer my_authorization', } }) const data = await response.json() return { props: { apiGames: data } } } const Library = ({ apiGames }) => { const [inputValue, setInputValue] = useState('') return ( <input type="text" onChange={(e) => setInputValue(e.target.value)} placeholder='Start searching game...' /> ) }