Creé un archivo llamado keys.js , donde alberga mi API_KEY . Lo exporté desde ese archivo y lo importé a mi archivo useGoogleSearch.js . Sin embargo, no se está importando correctamente y mi error sigue apareciendo como "'API_KEY' is defined but never used 'CONTEXT_KEY' is assigned a value but never used Unexpected template string expression" .

Creo que tiene que ver con mi URL: 'https://www.googleapis.com/customsearch/v1? key=${API_KEY}&cx=${CONTEXT_KEY}&q=${term}' .

 import { useState, useEffect } from "react"; import API_KEY from "./keys"; const CONTEXT_KEY = "ANOTHER KEY"; const useGoogleSearch = (term) => { const [data, setData] = useState(null); useEffect(() => { const fetchData = async() => { fetch('https://www.googleapis.com/customsearch/v1?key=${API_KEY}&cx=${CONTEXT_KEY}&q=${term}') .then(response => response.json()) .then(result => { setData(result) }) } fetchData(); }, [term]) return { data }; }; export default useGoogleSearch