Component-and-props: add invalid prop name docs

Author: ryyppy

pages/docs/react/latest/components-and-props.mdx

@@ -149,6 +149,15 @@ You can't define any props called `key` or `ref`. React treats those props diffe
 
 Check out the corresponding [Arrays and Keys](./arrays-and-keys) and [Forwarding React Refs](./forwarding-refs) sections for more details.
 
+### Handling Invalid Prop Names (e.g. keywords)
+
+Prop names like `type` (as in `<input type="text" />`) aren't syntactically valid; `type` is a reserved keyword in ReScript. Use `<input type_="text" />` instead. 
+
+For `aria-*` use camelCasing, e.g., `ariaLabel`. For DOM components, we'll translate it to `aria-label` under the hood.
+
+For `data-*` this is a bit trickier; words with `-` in them aren't valid in ReScript. When you do want to write them, e.g., `<div data-name="click me" />`, check out the [React.cloneElement](./rendering-elements#cloning-elements) or [React.createDOMElementVariadic](./rendering-elements#creating-dom-elements) section.
+
+
 ## Children Props
 
 In React `props.children` is a special attribute to represent the nested elements within a parent element: