Check if MetaMask is installed on the browser in React

isMetamaskInstalled.ts

import { useEffect, useState } from 'react';

const [isMetamaskInstalled, setIsMetamaskInstalled] = useState<boolean>(false);

// Check if Metamask wallet is installed and window.ethereum exists
useEffect(() => {
	if (typeof (window as any)?.ethereum !== 'undefined' && (window as any)?.ethereum?.isMetaMask) {
		setIsMetamaskInstalled(true);
	} else {
		setIsMetamaskInstalled(false);
	}
}, []);

export { isMetamaskInstalled }