Add support for rendering bigints

Author: marvinhagemeister

src/diff/children.js

@@ -53,7 +53,12 @@ export function diffChildren(
 		// If this newVNode is being reused (e.g. <div>{reuse}{reuse}</div>) in the same diff,
 		// or we are rendering a component (e.g. setState) copy the oldVNodes so it can have
 		// it's own DOM & etc. pointers
-		else if (typeof childVNode == 'string' || typeof childVNode == 'number') {
+		else if (
+			typeof childVNode == 'string' ||
+			typeof childVNode == 'number' ||
+			// eslint-disable-next-line valid-typeof
+			typeof childVNode == 'bigint'
+		) {
 			childVNode = newParentVNode._children[i] = createVNode(
 				null,
 				childVNode,

src/index.d.ts

@@ -48,6 +48,7 @@ declare namespace preact {
 		| object
 		| string
 		| number
+		| bigint
 		| boolean
 		| null
 		| undefined;

test/browser/render.test.js

@@ -256,6 +256,17 @@ describe('render()', () => {
 		expect(scratch.innerHTML).to.equal('42');
 	});
 
+	it('should render bigint as text content', () => {
+		// Skip in browsers not supporting big integers
+		if (typeof BigInt === 'undefined') {
+			return;
+		}
+
+		// eslint-disable-next-line no-undef, new-cap
+		render(BigInt(4), scratch);
+		expect(scratch.innerHTML).to.equal('4');
+	});
+
 	it('should render strings as text content', () => {
 		render('Testing, huh! How is it going?', scratch);
 		expect(scratch.innerHTML).to.equal('Testing, huh! How is it going?');