Update Connect to MetaMask with EIP-6963 TypeScript & React examples

docs/whats-new.md

@@ -9,6 +9,12 @@ The latest major MetaMask documentation updates are listed by the month they wer
 For a comprehensive list of recent product changes, visit the "Release Notes" section at the bottom
 of the [MetaMask developer page](https://metamask.io/developer/).
 
+## April 2024
+
+- Updated [how to connect to MetaMask](/wallet/how-to/connect) with Vanilla TypeScript and React
+  TypeScript instructions.
+  ([#1247](https://github.com/MetaMask/metamask-docs/pull/1247))
+
 ## March 2024
 
 - Documented [Snaps `polyfills` configuration option](/snaps/reference/cli/options/#polyfills).

wallet/concepts/wallet-interoperability.md

@@ -10,6 +10,13 @@ A web dapp can integrate with multiple installed browser wallets simultaneously
 mechanism to the [`window.ethereum`](wallet-api.md#ethereum-provider-api) injected provider.
 This mechanism is enabled by using the standardized interfaces defined by EIP-6963.
 
+:::info Why EIP-6963?
+[EIP-1193](https://eips.ethereum.org/EIPS/eip-1193) standardized the wallet interface, but it suffers 
+from unpredictable conflicts when multiple wallets are installed due to how the provider object is injected. 
+This can cause issues with wallet discovery, user onboarding, and connecting. 
+The wallet discovery mechanism introduced by EIP-6963 solves these issues. 
+:::
+
 The following is a demo of the user experience of detecting multiple wallets, showing the data
 provided from each installed wallet: