Page Transition

[DzunN86]

how to make a proper page transition in react ?

I've already make a page transition with several library, one of it headlessui/react

<Transition
      appear
      show
      enter="transform transition duration-500"
      enterFrom="opacity-0 translate-y-5"
      enterTo="opacity-100 translate-y-0"
      leave="transform transition duration-500"
      leaveFrom="opacity-100 translate-y-0"
      leaveTo="opacity-0 translate-y-5"
    >
      <div>{children}</div>
</Transition>

what I expexted the transition run only when the page changes. But the problem is the transition triggred when doing pagination or making post request or filtering in the same page.

is there any solution?

Thanks in advance.