Improve closure compiler example

Co-authored-by: Claudia Meadows <[email protected]>

Author: JodliDev

docs/jsx.md

@@ -282,12 +282,7 @@ m.fragment = { view: (vNode: Vnode) => vNode.children } as any;
 #### Using Closure Components in TSX
 When using [Closure Components](components.md#closure-component-state) in JSX, TypeScript only expects an attribute object as a parameter for a Function Component. But Mithril provides a `Vnode` object instead. This leads to the IDE showing faulty parameters even though the JSX would compile correctly.
 
-Example:
-The following code will compile correctly but show this error:
-```
-TS2739: Type { greet: string; } is missing the following properties from type Vnode<{}, {}>: tag, attrs, state
-TS2786: LoadingSpinner cannot be used as a JSX component.
-```
+For example, if you try to compile this code:
 
 ```typescript jsx
 interface Attributes {
@@ -306,6 +301,13 @@ function ParentComponent() {
 }
 ```
 
+TypeScript will report this error:
+
+```
+TS2739: Type { greet: string; } is missing the following properties from type Vnode<{}, {}>: tag, attrs, state
+TS2786: LoadingSpinner cannot be used as a JSX component.
+```
+
 There are several options to circumvent that problem:
 1) Instead of `<div><ChildComponent greet="Hello World"/></div>`, use `<div>{m(ChildComponent, {greet: "Hello World"})}</div>` instead.
 2) Use [Class Components](components.md#class-component-state) instead. Class Components will not show any errors. But TypeScript will not be able to autocomplete or inspect attributes (in this example `greet` would be unknown when used in `ParentComponent`).