Better ergonomics around numbers/booleans

[rorticus]

Enhancement

It would be nice to be able to support numbers / booleans in vdom without having to cast them to strings.

In this example, there is no output as clickCount is a number.

https://codesandbox.io/s/tender-monad-c3y9p?file=/src/main.tsx

import { renderer, create, tsx } from "@dojo/framework/core/vdom";
import icache from "@dojo/framework/core/middleware/icache";
import "@dojo/themes/dojo/index.css";

const factory = create({ icache });

const App = factory(function App({ middleware: { icache } }) {
  const clickCount = icache.getOrSet("clickCount", 0);

  return (
    <div>
      <h2>Click the button to increment the click counter</h2>
      <button
        onclick={() => icache.set("clickCount", icache.get("clickCount") + 1)}
      >
        Click me!
      </button>
      <br />
      <br />
      <div>Clicked: {clickCount}</div>
    </div>
  );
});

const r = renderer(() => <App />);
r.mount();

If it's too much effort to support numbers/booleans, it would be at least nice to throw an error in vdom explaining that it encountered a number/boolean.