Hide and show SVG in react with useState no functioning

Question

I have a pretty simple use case in which im trying to swap out the 2 svgs im using in react by adding and removing a classes called visible and invisible<