@aereal/react-type-safe-render

[![npm-badge][npm-badge]][npm-permalink]

Usage no npm install needed!

<script type="module">
  import aerealReactTypeSafeRender from 'https://cdn.skypack.dev/@aereal/react-type-safe-render';
</script>

README

npm-badge

react-type-safe-render

Installation

npm i -S @aereal/react-type-safe-render
yarn add @aereal/react-type-safe-render

Usage

import React from "react"
import { safeRender } from "@aereal/react-type-safe-render"

safeRender(
  <div>hi</div>,
  document.querySelector("#main")!
)

const main = document.querySelector("#main")
if (!main) {
  throw new Error("No main element found")
}
safeRender(
  <div>hi</div>,
  main
)

// TypeScript compiler causes error if nullable value passed as a container argument such as below code.
//
// safeRender(
//   <div>hi</div>,
//   document.querySelector("#main")
// )

See also