Estou tentando ocultar minha chave de API quando me comprometo com o github e procurei orientações no fórum, especialmente a seguinte postagem:

Como oculto a chave da API no create-react-app?

Fiz as alterações e reiniciei o fio. Não tenho certeza do que estou fazendo de errado - adicionei um.env arquivo para a raiz do meu projeto (eu o nomeeiprocess.env) e no arquivo que acabei de colocarREACT_APP_API_KEY = 'my-secret-api-key'.

Eu estou pensando que pode ser a maneira que eu estou adicionando a chave ao meufetch no App.js, e tentei vários formatos, inclusive sem usar o modelo literal, mas meu projeto ainda não será compilado.

Qualquer ajuda é muito apreciada.

performSearch = (query = 'germany') => {
    fetch(`https://api.unsplash.com/search/photos?query=${query}&client_id=${REACT_APP_API_KEY}`)
    .then(response => response.json())
    .then(responseData => {
        this.setState({
            results: responseData.results,
            loading: false
        });
     })
     .catch(error => {
            console.log('Error fetching and parsing data', error);
     });
}