jukenduit's questions

Estou começando a usar Vite, CRAmas não consigo fazer o proxy funcionar.

Estou usando json serverpara meu banco de dados e ele está localizado emhttp://localhost:3000/customers

Com o CRA, eu adicionaria "proxy": "http://localhost:3000",e package.jsondepois no meu apiSlice:

const baseQuery = fetchBaseQuery({ baseUrl: "" });

No entanto, isso não está funcionando com o Vite, então tentei adicionar isso a vite.config:

server: {
        proxy: {
            "/api": "http://localhost:3000",
        },
    },

e mudei meu baseQuerypara:

const baseQuery = fetchBaseQuery({ baseUrl: "/api" });

No entanto, continuo recebendo este erro no console:

CustomerList.jsx:4 Uncaught TypeError: useGetCustomersQuery is not a function or its return value is not iterable

useGetCustomersQueryé minha consulta RTK, acredito que o problema é que não está se comunicando como backenddeveria.

Meu useGetProductsQuerynão está sendo reconhecido por algum motivo.

produtosApiSlice.js

import { PRODUCTS_URL } from "../constants";
import { apiSlice } from "./apiSlice";

export const productsApiSlice = apiSlice.injectEndpoints({
    endpoints: (builder) => ({
        getProducts: builder.query({
            query: () => ({
                url: PRODUCTS_URL,
            }),
            keepUnusedDataFor: 5,
        }),
    }),
});

export const { useGetProductsQuery } = productsApiSlice;

componente:

import { useGetProductsQuery } from "../slices/productsApiSlice";

function HomeScreen() {
    const { data: products, isLoading, error } = useGetProductsQuery();

    return (
        <div className="row">
            {isLoading ? (
                <h2>Loading...</h2>
            ) : error ? (
                <div>{error?.data?.message || error.error}</div>
            ) : (
                <p>test</p>
            )}
        </div>
    );
}

Estou tendo o erro a seguir:

    (0 , _slices_productsApiSlice__WEBPACK_IMPORTED_MODULE_0__.useGetProductsQuery) is not a function
TypeError: (0 , _slices_productsApiSlice__WEBPACK_IMPORTED_MODULE_0__.useGetProductsQuery) is not a function