Sandbox how react renders falsy

Author: Andrii Kirmas

src/basic.ts

@@ -1,6 +1,3 @@
-/** TBD 
- * 1. <div {...{false, undefined, null}}/> falls attributes
-*/
 export type { ClassNames } from "./defs"
 import type { ClassNamesMap, ClassNamed } from "./defs"
 

src/index.ts

@@ -1,6 +1,3 @@
-/** TBD 
- * 1. <div {...{false, undefined, null}}/> falls attributes
-*/
 export type { ClassNames } from "./defs"
 
 import classNamingCtx from "./ctx"

src/sandbox.test.tsx

@@ -0,0 +1,23 @@
+import React from "react"
+import expectToRender from "../expect-to-render"
+
+it("falsy props", () => expectToRender(
+  <div {...{
+    "null": null,
+    "undefined": undefined,
+    "false": false, 
+    "data-false": false,
+    "empty": ""
+  }}/>,
+  '<div data-false="false" empty=""></div>'
+))
+
+it("object props", () => expectToRender(
+  //@ts-expect-error
+  <div {...{
+    "null": {[Symbol.toPrimitive]: () => null},
+    "undefined": {toString: () => undefined},
+    "false": {valueOf: () => false}
+  }}/>,
+  '<div null="null" undefined="undefined" false="false"></div>'
+))