add support for React-style camelCased event props

src/dom.ts

@@ -138,6 +138,16 @@ export const impl: Partial<RendererImpl<Node, string>> = {
 
 				break;
 			default: {
+				if (
+					name[0] === "o" &&
+					name[1] === "n" &&
+					name[2] === name[2].toUpperCase() &&
+					typeof value === "function"
+				) {
+					// Support React-style event names (onClick, onChange, etc.)
+					name = name.toLowerCase();
+				}
+
 				if (
 					name in node &&
 					// boolean properties will coerce strings, but sometimes they map to

test/events.tsx

@@ -23,6 +23,17 @@ test("onevent", () => {
 	Assert.is(mock.callCount, 3);
 });
 
+test("onevent camelCased", () => {
+	const mock = Sinon.fake();
+	renderer.render(<button onClick={mock}>Click me</button>, document.body);
+
+	const button = document.body.firstChild as HTMLButtonElement;
+	button.click()!;
+	button.click()!;
+	button.click()!;
+	Assert.is(mock.callCount, 3);
+});
+
 test("onevent SVG", () => {
 	const mock = Sinon.fake();
 	renderer.render(<svg onclick={mock} />, document.body);