react - useState for changing opacity with transition effect works quirky?

Question

I have some problems with my code atm..

1. as the lightbox function gets called the opacity goes from 1 to 0, and then to 1 / where as i would like it to go only fr