[SOLVED] Refetch not occurring after router.back (React Native)

const { id } = useLocalSearchParams<{ id: string }>();
  const router = useRouter();

  const { isPending, error, data } = useQuery({
    queryKey: ["projects", id],
    queryFn: () => fetchProjectById(id),
  });

<Button
          onPress={() => {
            router.navigate(`/(authenticated)/projects/create?id=${id}`);
          }}
        >

const updateProjectMutation = useMutation({
    mutationFn: updateProject,
    onSuccess: (updated: Project) => {
      console.log("Invalidating data now!");

      queryClient.invalidateQueries({
        queryKey: ["projects", updated.id],
      });

      console.log("Going to go back!");
      router.back();
    },
  });