I have this request:

import { useAxios } from "api/axiosHook";

export const getTargetAudienceNumber = (target_audience_selection_criteria) => {
  console.log(
    "🚀 ~ file: ads-configuration.js ~ line 47 ~ target_audience_selection_criteria",
    target_audience_selection_criteria
  );
  console.log(
    "🚀 ~ file: ads-configuration.js ~ line 78 ~ typeof target_audience_selection_criteria",
    typeof target_audience_selection_criteria
  );
  const [axios, cancel] = useAxios();
  const request_params = {
    params: {
      target_audience_selection_criteria,
    },
  };

  axios.get(apiLinks.ads.get_target_audience_number, request_params);
};

api/axiosHook.js

import axios from 'axios';
import cookies from 'react-cookies';

export const useAxios = () => {
    const cancelToken = axios.CancelToken.source();
    const ax = axios.create({
        cancelToken: cancelToken.token,
        baseURL: 'http://localhost:5000/api',
        headers: {
            authorization: cookies.load('token')
        }
    });
    return [ax, cancelToken];
};

This is what gets logged:

🚀 ~ file: ads-configuration.js ~ line 47 ~ target_audience_selection_criteria {interests_ids: Array(1)}

🚀 ~ file: ads-configuration.js ~ line 78 ~ typeof target_audience_selection_criteria object

In the backend:

router.get("/get_target_audience_number", (req, res) => {
  const { target_audience_selection_criteria } = req.query;
  console.log(
    "🚀 ~ file: ads.js ~ line 16 ~ target_audience_selection_criteria",
    target_audience_selection_criteria
  );

  console.log(
    "🚀 ~ file: ads.js ~ line 66 ~ typeof target_audience_selection_criteria",
    typeof target_audience_selection_criteria
  );
});

This is what gets logged:

🚀 ~ file: ads.js ~ line 16 ~ target_audience_selection_criteria {"interests_ids":[{"_id":"609e327d3acf499069ff4f07"}]}

🚀 ~ file: ads.js ~ line 66 ~ typeof target_audience_selection_criteria string

Any idea why is this happening?