William Price

It needs to be updated to be compatible with Next.js v14.. Downgrading to next.js 13.4.8 and the animations work as expected

>  Yes, i have seen it and fixed it by using inView which is true only when the experience section is in view. > > ` //lib\hooks.ts import {...

adding `visible={true}` doesn't use the animation shown in @ByteGrad 's tutorial. @ByteGrad can you have a look?

Update: somethow I was on next v14, after downgrading to next v 13.4.8 it works as shown in the tutorial @Crazyhaller

@ByteGrad same issue here.

@Cborgg try to import it like this ``` // @ts-ignore import { experimental_useFormStatus as useFormStatus } from 'react-dom'; ```

> I solved this by adding `style={{ transform: 'translate3d(0,0,0)' }}` directly on the div. > > ```tsx > > ``` > > [Reference](https://graffino.com/til/CjT2jrcLHP-how-to-fix-filter-blur-performance-issue-in-safari) this breaks light and dark mode on...

Update: removing `dark:text-gray-500` from the `` element seems to have fixed this. It was applied twice: once on the `` and once on the ``, so the dark-text-gray-200 wasn't able...