Not updating data on route change

export async function getServerSideProps(ctx: GetServerSidePropsContext) {
  const id = ctx.query.id;
  const mediaData = await getMedia(id);
  if (mediaData.errors) {
    return {
      notFound: true
    };
  }
  return {
    props: {
      testData: mediaData
    }
  };
export default function TestPage({ testData }: any) {
  const router = useRouter();
  const { data: mediaData, isLoading } = useQuery({
    queryKey: ["mediaData", router.query.id],
    queryFn: () => getMedia(router.query.id),
    initialData: testData,
    staleTime: 60 * 1000,
  });
  return (
     ...
  );
}
}