add back package.json for more toastify deps

Author: rickhanlonii

src/content/learn/escape-hatches.md

@@ -452,6 +452,23 @@ This is not ideal. You want to re-connect to the chat only if the `roomId` has c
 
 <Sandpack>
 
+```json package.json hidden	
+{	
+  "dependencies": {	
+    "react": "latest",	
+    "react-dom": "latest",	
+    "react-scripts": "latest",	
+    "toastify-js": "1.12.0"	
+  },	
+  "scripts": {	
+    "start": "react-scripts start",	
+    "build": "react-scripts build",	
+    "test": "react-scripts test --env=jsdom",	
+    "eject": "react-scripts eject"	
+  }	
+}	
+```
+
 ```js
 import { useState, useEffect } from 'react';
 import { useEffectEvent } from 'react';

src/content/learn/removing-effect-dependencies.md

@@ -1784,6 +1784,24 @@ Another of these functions only exists to pass some state to an imported API met
 
 <Sandpack>
 
+
+```json package.json hidden	
+{	
+  "dependencies": {	
+    "react": "latest",	
+    "react-dom": "latest",	
+    "react-scripts": "latest",	
+    "toastify-js": "1.12.0"	
+  },	
+  "scripts": {	
+    "start": "react-scripts start",	
+    "build": "react-scripts build",	
+    "test": "react-scripts test --env=jsdom",	
+    "eject": "react-scripts eject"	
+  }	
+}	
+```
+
 ```js src/App.js
 import { useState } from 'react';
 import ChatRoom from './ChatRoom.js';
@@ -2062,6 +2080,24 @@ As a result, the chat re-connects only when something meaningful (`roomId` or `i
 
 <Sandpack>
 
+
+```json package.json hidden	
+{	
+  "dependencies": {	
+    "react": "latest",	
+    "react-dom": "latest",	
+    "react-scripts": "latest",	
+    "toastify-js": "1.12.0"	
+  },	
+  "scripts": {	
+    "start": "react-scripts start",	
+    "build": "react-scripts build",	
+    "test": "react-scripts test --env=jsdom",	
+    "eject": "react-scripts eject"	
+  }	
+}	
+```
+
 ```js src/App.js
 import { useState } from 'react';
 import ChatRoom from './ChatRoom.js';

src/content/learn/reusing-logic-with-custom-hooks.md

@@ -1061,6 +1061,23 @@ export function showNotification(message, theme = 'dark') {
 }
 ```
 
+```json package.json hidden	
+{	
+  "dependencies": {	
+    "react": "latest",	
+    "react-dom": "latest",	
+    "react-scripts": "latest",	
+    "toastify-js": "1.12.0"	
+  },	
+  "scripts": {	
+    "start": "react-scripts start",	
+    "build": "react-scripts build",	
+    "test": "react-scripts test --env=jsdom",	
+    "eject": "react-scripts eject"	
+  }	
+}	
+```
+
 ```css
 input { display: block; margin-bottom: 20px; }
 button { margin-left: 10px; }