Why is my css animation not working on closing the element using React useState hook

I have build a sliding submenu with React, Typescript and Tailwind.

Why is my css animation not working on closing the element using React useState hook

I have build a sliding submenu with React, Typescript and Tailwind.

Why is my css animation not working on closing the element using React useState hook

I have build a sliding submenu with React, Typescript and Tailwind.