Some minor bug fixes | useOptimistic demo bug | fixes broken links | improves grammer

src/content/reference/react-dom/components/common.md

@@ -505,7 +505,6 @@ An event handler type for keyboard events.
   * [`getModifierState(key)`](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/getModifierState)
   * [`key`](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key)
   * [`keyCode`](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode)
-  * [`locale`](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/locale)
   * [`metaKey`](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/metaKey)
   * [`location`](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/location)
   * [`repeat`](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/repeat)
@@ -638,7 +637,6 @@ An event handler type for [touch events.](https://developer.mozilla.org/en-US/do
   * [`altKey`](https://developer.mozilla.org/en-US/docs/Web/API/TouchEvent/altKey)
   * [`ctrlKey`](https://developer.mozilla.org/en-US/docs/Web/API/TouchEvent/ctrlKey)
   * [`changedTouches`](https://developer.mozilla.org/en-US/docs/Web/API/TouchEvent/changedTouches)
-  * [`getModifierState(key)`](https://developer.mozilla.org/en-US/docs/Web/API/TouchEvent/getModifierState)
   * [`metaKey`](https://developer.mozilla.org/en-US/docs/Web/API/TouchEvent/metaKey)
   * [`shiftKey`](https://developer.mozilla.org/en-US/docs/Web/API/TouchEvent/shiftKey)
   * [`touches`](https://developer.mozilla.org/en-US/docs/Web/API/TouchEvent/touches)

src/content/reference/react-dom/components/form.md

@@ -118,7 +118,7 @@ function AddToCart({productId}) {
 }
 ```
 
-In lieu of using hidden form fields to provide data to the `<form>`'s action, you can call the <CodeStep step={1}>`bind`</CodeStep> method to supply it with extra arguments. This will bind a new argument (<CodeStep step={2}>`productId`</CodeStep>) to the function in addition to the <CodeStep step={3}>`formData`</CodeStep> that is passed as a argument to the function.
+Instead of using hidden form fields to provide data to the `<form>`'s action, you can call the <CodeStep step={1}>`bind`</CodeStep> method to supply it with extra arguments. This will bind a new argument (<CodeStep step={2}>`productId`</CodeStep>) to the function in addition to the <CodeStep step={3}>`formData`</CodeStep> that is passed as a argument to the function.
 
 ```jsx [[1, 8, "bind"], [2,8, "productId"], [2,4, "productId"], [3,4, "formData"]]
 import { updateCart } from './lib.js';

src/content/reference/react-dom/components/index.md

@@ -181,7 +181,6 @@ React supports all built-in browser SVG components. This includes:
 * [`<clipPath>`](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/clipPath)
 * [`<defs>`](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/defs)
 * [`<desc>`](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/desc)
-* [`<discard>`](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/discard)
 * [`<ellipse>`](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/ellipse)
 * [`<feBlend>`](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/feBlend)
 * [`<feColorMatrix>`](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/feColorMatrix)

src/content/reference/react/useOptimistic.md

@@ -103,7 +103,7 @@ function Thread({ messages, sendMessage }) {
         </div>
       ))}
       <form action={formAction} ref={formRef}>
-        <input type="text" name="message" placeholder="Hello!" />
+        <input type="text" name="message" required placeholder="Hello!" />
         <button type="submit">Send</button>
       </form>
     </>