A React Query function that POSTs user behavioral events to /events/ from the frontend

useSendGatheringEvent.js

import Cookies from "js-cookie";
import { wvApiUrl } from "../../routes";

const fetchUrl = wvApiUrl.events();

export async function useSendGatheringEvent(bodyData) {
  const response = await fetch(fetchUrl, {
    method: 'POST',
    body: JSON.stringify(bodyData),
    headers: {
      "Content-type": "application/json",
      "X-CSRFToken": Cookies.get('csrftoken')
    }
  });
  return await response.json();
}