During development, the query fetches data from the database and reflects any updates made to the database. However, after building the app, the data retrieved by the query becomes static and does not update even if changes are made to the database.

export const useGetAllList = () => { return useQuery({ queryKey: ["ArLists"], queryFn: getAllList, }); };

export const getAllList = async () => { return (await axiosInstance.get<UserArList[]>("ar_lists/get_all_list")).data; };

How can I ensure that the content remains dynamic, updating automatically when changes are made in the database, even after the app has been built?