Framer Motion on NextJS show preloaded page before animating the transition

i dont know where is my code fault.
i already use mode="wait" and initial={false}
but it keeps showing preloaded page before animating the opacity.

please help me.

this is my sandboxcode