Я пытаюсь добавить прокси к своему клиенту, но получаю ошибку 404

Question

Я создал файл setupProxy.js в своем каталоге src после установки http-proxy-middleware,

const proxy = require('http-proxy-middleware');

module.exports = function(app) {
  app.use(proxy('/api/', { target: 'http://localhost:3002' }));
};

Вот мой файл App.js

import React, { Component } from 'react';
import axios from 'axios';

import './App.css';

class App extends Component {

  componentDidMount(){
    axios.get('/api/product/brands').then(response => {
      console.log(response);
  });
}

  render() {
    return (
      <div className="App">
        <p>Store!</p>
      </div>
    );
  }
};

export default App;

Я сделал это вфайл package.json моих каталогов сервера для одновременной работы клиента и сервера

"start": "node server/server.js",
    "server": "nodemon server/server.js",
    "client": "npm run start --prefix client",
    "dev":"concurrently \"npm run server\" \"npm run client\""

Пожалуйста, помогите мне с этим, поскольку я получаю ошибку 404