Proxy 创建React App v2高级代理功能不工作

我正在尝试创建React Apps代理的高级设置，因为我需要代理几个API端点以避免CORS问题

我的Src文件夹中有setupProxy.js，它是从CRA复制粘贴的，更改了我的密钥和URL

const { createProxyMiddleware } = require("http-proxy-middleware");

module.exports = function (app) {
  app.use(
    "/steam",
    createProxyMiddleware({
      target:
        "http://api.steampowered.com/ISteamUserStats/GetUserStatsForGame/v0002",
      changeOrigin: true,
    })
  );
};

我的组件

const fetchStats = async (steamId: string) => {
    const response = await fetch(
      `/steam/?appid=381210&key=60CC7208B3EA2ABFA86557BBB788C2B8&steamid=${steamId}`
    );
    const data = await response.json();
    setDbdStats(await data);
  };

当我点击时，没有收到任何数据，网络面板显示localhost:3000/steam/

在本节中，CRA上的文档不是很好，我发现的所有堆栈溢出问题都是针对版本1而不是版本2的

顺便说一下，我会改变API密钥一旦这是工作