Update React Tutorial (Part 2 "Multi-component Global State")

docs/whats-new.md

@@ -11,6 +11,9 @@ of the [MetaMask developer page](https://metamask.io/developer/).
 
 ## June 2024
 
+- Updated [React dapp with global state tutorial](/wallet/tutorials/react-dapp-global-state) with
+  instructions for EIP-6963.
+  ([#1330](https://github.com/MetaMask/metamask-docs/pull/1330))
 - Documented that the Gas API can be [called without an API key secret](/services/gas-api/api-reference). ([#1346](https://github.com/MetaMask/metamask-docs/pull/1346))
 - Updated [Snaps resources](/snaps/learn/resources) and added a new section "Snaps for developers." ([#1329](https://github.com/MetaMask/metamask-docs/pull/1329))
 - Documented [how to allow automatic connections to a Snap](/snaps/how-to/allow-automatic-connections).
@@ -22,6 +25,9 @@ of the [MetaMask developer page](https://metamask.io/developer/).
   ([#1276](https://github.com/MetaMask/metamask-docs/pull/1276)) 
 - Discontinued support for [`eth_sign`](/wallet/concepts/signing-methods/#eth_sign).
   ([#1319](https://github.com/MetaMask/metamask-docs/pull/1319/))
+- Updated [React dapp with local state tutorial](/wallet/tutorials/react-dapp-local-state) with
+  instructions for EIP-6963.
+  ([#1299](https://github.com/MetaMask/metamask-docs/pull/1299))
 - Documented [Snaps initial connections](/snaps/reference/permissions/#initial-connections).
   ([#1318](https://github.com/MetaMask/metamask-docs/pull/1318/))
 - Updated [Snaps allowlisting guide](/snaps/how-to/get-allowlisted) with open permissions.

wallet-sidebar.js

@@ -21,16 +21,7 @@ const sidebar = {
       type: "category",
       label: "Tutorials",
       link: { type: "generated-index", slug: "/tutorials" },
-      items: [
-        {
-          type: "doc",
-          id: "tutorials/react-dapp-local-state",
-        },
-        {
-          type: "doc",
-          id: "tutorials/javascript-dapp-simple",
-        },
-      ],
+      items: [{ type: "autogenerated", dirName: "tutorials" }],
     },
     {
       type: "category",

wallet/tutorials/javascript-dapp-simple.md

@@ -86,10 +86,8 @@ Update `index.html` to include the script:
 ### 3. Detect MetaMask
 
 :::caution
-
 The `@metamask/detect-provider` module is deprecated, and is only used here for educational purposes.
 In production environments, we recommend [connecting to MetaMask using EIP-6963](../how-to/connect/index.md).
-
 :::
 
 Install the `@metamask/detect-provider` module in your project directory: