P/S

Author: mattpocock

src/07-types-deep-dive/56-understanding-jsx-intrinsic-elements.explainer.tsx renamed to src/07-types-deep-dive/56-understanding-jsx-intrinsic-elements.problem.tsx

@@ -0,0 +1,30 @@
+/**
+ * 1. What is JSX.IntrinsicElements? CMD-click on .IntrinsicElements below
+ * to go to its definition.
+ *
+ * Hint - remember to go to the original definition of JSX.IntrinsicElements
+ * in @types/react/index.d.ts.
+ */
+
+export type Example = JSX.IntrinsicElements;
+
+/**
+ * 2. What is the structure of JSX.IntrinsicElements? It appears to have the
+ * HTML attributes as properties, but what are the values?
+ *
+ * 3. Let's have some fun. Edit the file to add a new property to
+ * JSX.IntrinsicElements:
+ *
+ * interface IntrinsicElements {
+ *   // ...
+ *   myNewElement: {
+ *     foo: string;
+ *   }
+ * }
+ *
+ * Notice that the error below goes away!
+ *
+ * 4. Now change it back, before anyone notices.
+ */
+
+<myNewElement foo="123" />;