Tengo un problema con los corss, no entiendo bien a que se debe pero si alguien si le funciona me podria ayudar

Felicidades por haberlo solucionado :star2:

Ten en cuenta que por defecto un request solo responderá a solicitudes de su mismo dominio. En este curso desplegamos el Frontend (que consume la API) en Netlify y el Backend en Heroku, por lo que es necesario habilitar CORS (Cross-origin resource sharing - Uso compartido de recursos de origen cruzado) para que el Backend responda sin problema a las solicitudes de tu Frontend.

Ahora, habilitar las solicitudes para todos los dominios no es lo más recomendable; si tu eres el dueño del Frontend y del Backend no deberías tener inconveniente en configurar CORS en tu backend para que solo tu Frontend le pueda hacer requests.

La forma más sencilla de solucionarlo con Express es agregando el middleware de CORS:

Y en tu código de Express agregas:

const express = require('express');
const cors = require('cors');
const app = express();

const corsOptions = {
  origin: 'https://tuUrlDelFront.com',
};

app.use(cors(corsOptions));

... // tu código de las rutas normal

¡Saludos!

trata colocando los headers de cors en el frontend.

const response = await axios({
      url: "API_URL",
      headers: { "Access-Control-Allow-Origin": "*" },
      method: 'get',
    })

tambien puede ser otra opcion :D

Agregué headers en el proyecto de la api con express, y pues ya funciona, le di permiso para que cualquiera pudiera acceder a esta data.

app.get('/api/v1', (req: Request, res: Response) => {
  res.header("Access-Control-Allow-Origin", "*")
  res.json(initialState)
})

Me base en esta pagina para resolverlo https://stackoverflow.com/questions/45975135/access-control-origin-header-error-using-axios-in-react-web-throwing-error-in-ch