I am getting includes is not a function on IE due to this module. How can I use Common

Thanks <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-u

<a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/us

Issue on IE about react-device-detect HOT 3 CLOSED

duskload commented on September 24, 2024 1

Issue on IE

from react-device-detect.

Comments (3)

duskload commented on September 24, 2024 1

Thanks @jtemplej for PR, issue will be available as soon as I update package (I think it will be in a couple days from now)

from react-device-detect.

cohancarpentier commented on September 24, 2024

I had the same problem as you; my solution is not related to this library, but if you just need to detect IE here's what I did:

	<style>
		.hidden {
			opacity: 0;
		}
		.show {
			opacity: 1;
			margin-top: 16px;
		}
	</style>
	<body>
		<noscript>You need to enable JavaScript to run this app.</noscript>
		<div id="root"></div>
		<div id="ie" class="hidden">
			Sorry! We do not support your current browser. Please download
			<a href="https://www.google.com/chrome/">Google Chrome</a>,
			<a href="https://www.microsoft.com/en-us/edge">Microsoft Edge</a> or
			<a href="https://www.mozilla.org/en-CA/firefox/new/">Mozilla Firefox</a>.
		</div>
		<script>
			function msieversion() {
				var ua = window.navigator.userAgent
				var msie = ua.indexOf('MSIE ')

				if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) {
					document.getElementById('ie').classList.add('show')
				}
			}
			window.onload = msieversion
		</script>
	</body>

from react-device-detect.

duskload commented on September 24, 2024

@fawad-khalil-lunchon , thanks for your report. I will rewrite this to make it compatible with IE.

So far you can use polyfill for supporting includes on IE.
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/includes#Polyfill

from react-device-detect.

Recommend Projects