Using react/query for non-async/global store.

import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";

export const useGetLinePositionById = ({ id }: { id: string }) => {
  return useQuery({
    queryKey: ["line_positions", id],
    initialData: [],
  });
};

export const useSetLinePositions = () => {
  const queryClient = useQueryClient();
  return useMutation({
    mutationFn: async (data: any) => {
      return data;
    },

    onSuccess: (data) => {
      queryClient.setQueryData(["line_positions", data.id], (old) => {
        console.log("data", data);
        return data.line_positions;
      });
    },
  });
};

  const { data: linePositions } = useGetLinePositionById({ id: id as string });

console.log('linePositions', linePositions) // logs []