How to make an css image source transition on clicking on a hamburger item in ReactJs?

Question

I have an hamburger icon, on clicking on that, the image changes. I need to show transition on the images.

code looks like this::

const [isOpen, setIsO