Dlaczego baseURL jest ignorowany w axios?

mam wlasny hook:

export const useAxios = () => {
  const { accessToken } = useTokenContext();

  const axiosClient = useMemo(() => {
    return axios.create({
      headers: {
        'Content-type': 'application/json',
        Authorization: `Bearer ${accessToken}`,
      },
      baseURL: 'https://localhost:9595',
    });
  }, [accessToken]);

  return axiosClient;
};

export const { isAxiosError } = axios;
export default axios;

odpalam wlasna useMutation()

const { state, onMutate } = useMutation({
    mutateFn: (axios: AxiosInstance) => (payload: LoginPayload) =>
      axios.post<LoginResponse>('/auth/login', payload),
    onSuccess,
  });

ale dostaje blad z domyslnym http://localhost:3000/auth/login
a api jest pod adresem

  REACT_APP_API_URL=http://localhost:9595

jak wstawie od razu

const { state, onMutate } = useMutation({
  mutateFn: (axios: AxiosInstance) => (payload: LoginPayload) =>
    axios.post<LoginResponse>('http://localhost:9595/auth/login', payload),
  onSuccess,
});

to wszystko dziala poprawnie

Stworzyłeś hook useAxios, ale w tym przykładzie nigdzie go nie używasz. Skąd pochodzi useMutation?

Hm jaki błąd leci w przeglądarce?

Zauważ też że w baseURl masz httpS (SSL), masz certa na localhoscie?
A w drugim przykładzie nie korzystasz z SSL.