... without worrying about the performance implications of making multiple requests for the same data.

  // This request should be cached with a lifetime of 10 seconds.
  const revalidatedData = await fetch(`https://...`, {
    next: { revalidate: 10 },
  })

  const revalidatedData = await fetch(`https://...`, {
    next: {
      revalidate: 10,
      tags: ['test']
    }
  });

revalidateTag('test')

    const response = await fetch(endpoint, {
        method: 'POST',
        headers: {
            'authorization': process.env.API_KEY,
            'content-type': 'application/json'
        },
        body: JSON.stringify({
            ...patchedData,
            userId: session.user.discordId
        })
    });

    if (!response.ok) {
        const errorText = await response.text();
        throw new Error(parseJson(errorText)?.message ?? response?.statusText ?? 'Something went wrong');
    }

    revalidateTag('fetchProfileReviews');
    revalidatePath(`/profile/${profile.id}`);

    return;

export async function ProfileBody(...) {
...

  return (
    <LeaveComment guildId={props.profile.id} />
    <Comments guildId={props.profile.id} totalReviews={reviews} />
  )
}

// LeaveComment.tsx (where you send comments)
export default function LeaveComment(...) {
  const router = useRouter();
  const { data: session } = useSession();
  const [rating, setRating] = useState<number>(0);
  const [text, setText] = useState<string>('');
  const [error, setError] = useState<string>();
  const [state, setState] = useState<string>('default');

  if (!session) return <></>;

  async function handleSendComment() {
    if (!props.reply  && (rating <= 0 || rating > 5)) return setError('Rating must be between 1 and 5');
    if (typeof text !== "string" || text.trim().length <= 10) return setError('Content must be at least 10 characters');

    setError(undefined);
    setState('loading');

    try {
      await createReview({ text, rating, profileId });

      router.refresh();
      toast.success('Successful', defaultToastOptions);
    } catch (error: any) {
      toast.error(error?.message ?? 'Something went wrong', defaultToastOptions);
    }

    setState('default');
  }

// Comments.tsx (visual render of all comments)
export default function Comments(...) {
  const reviewRenderAmount = 5;
  const { data: session } = useSession();
  const [reviews, setReviews] = useState<ReviewDataResult[]>([]);
  const [likedReviews, setLikedReviews] = useState<Set<string>>(new Set());
  const [currentPage, setCurrentPage] = useState(1);
  const [targetReply, setTargetReply] = useState<string>('');
  const [totalPages, setTotalPages] = useState(Math.ceil(totalReviews / reviewRenderAmount));
  const [loading, setLoading] = useState(false);

  useEffect(() => {
    setTotalPages(Math.ceil(totalReviews / reviewRenderAmount));
  }, [totalReviews]);

  useEffect(() => {
    const fetchReviews = async () => {
      setLoading(true);
      try {
        const result = await fetchProfileReviews(profileId, {
          offset: (currentPage - 1) * reviewRenderAmount,
          limit: reviewRenderAmount,
        });
        setReviews(result);
      } finally {
        setLoading(false);
      }
    };

    fetchReviews();
  }, [guildId, currentPage]);
}