I’ve managed to send a single value which worked fine, however now that I want to send multiple values I cannot.

filterSlice:

const initialState = {
    searchTerm: "",
    category: "all",
};
...

RTK Query:

getRecipes: builder.query({
            query: (filter) => ({
                url: "/api/recipes",
                params: { filter },
            }),
            providesTags: ["Recipes"],
        }),

and in my component I have:

const filter = useSelector((state) => state.filter);
console.log(filter); // {searchTerm: '', category: 'all'}

So to send this I’ve tried:

const {
        data: recipes,
        error,
        isLoading,
    } = useGetRecipesQuery({
        searchTerm: filter.searchTerm,
        category: filter.category,
    });

and

... 
= useGetRecipesQuery({
        ...filter
    });

and

= useGetRecipesQuery(filter);

but whatever I try, in the express route when I do:

console.log(req.query.filter.searchTerm, req.query.filter.category);

I get: undefined undefined

How can I get those values in req?