JSFiddle - React, Tailwind, and code Playground

HTML

<figure class="fullscreenOnClick">
    <img alt="" src="https://dw-uploads.s3.eu-central-1.amazonaws.com/photos/originals/359c0687ae12e32bb5f26f2005763b73" title="">
</figure>

JavaScript

$('.fullscreenOnClick').on('click', function(e) {
	e.preventDefault;
	
	var elem = this;
	if (elem.requestFullscreen) {
	  elem.requestFullscreen();
	} else if (elem.msRequestFullscreen) {
	  elem.msRequestFullscreen();
	} else if (elem.mozRequestFullScreen) {
	  elem.mozRequestFullScreen();
	} else if (elem.webkitRequestFullscreen) {
	  elem.webkitRequestFullscreen();
	} else {
		alert("Sorry, your browser is too old and doesn't support fullscreen :-(")
	}
});