Add basic support for hooks

Author: marvinhagemeister

src/index.js

@@ -1,5 +1,6 @@
 import { encodeEntities, indent, isLargeString, styleObjToCss, assign, getChildren } from './util';
 import { ENABLE_PRETTY } from '../env';
+import { options } from 'preact';
 
 const SHALLOW = { shallow: true };
 
@@ -59,11 +60,13 @@ function renderToString(vnode, context, opts, inner, isSvgMode) {
 			nodeName = getComponentName(nodeName);
 		}
 		else {
+			vnode.__c = { __v: vnode };
+			if (options.render) options.render(vnode);
 			let rendered;
 
 			if (!nodeName.prototype || typeof nodeName.prototype.render!=='function') {
 				// stateless functional components
-				rendered = nodeName(props, context);
+				rendered = nodeName.apply(vnode.__c, props, context);
 			}
 			else {
 				// class-based components

test/render.js

@@ -1,5 +1,6 @@
 import { render, shallowRender } from '../src';
-import { h, Component } from 'preact';
+import { h, Component, createContext } from 'preact';
+import { useState, useContext } from 'preact/hooks';
 import chai, { expect } from 'chai';
 import { spy, stub, match } from 'sinon';
 import sinonChai from 'sinon-chai';
@@ -606,4 +607,34 @@ describe('render', () => {
 			expect(Bar).to.have.been.calledOnce.and.calledWithMatch({ count: 1 });
 		});
 	});
+
+	describe('hooks', () => {
+		it('should not crash with hooks', () => {
+			function Foo() {
+				let [v, setter] = useState(0);
+				return <button onClick={() => setter(++v)}>count: {v}</button>;
+			}
+
+			// eslint-disable-next-line prefer-arrow-callback
+			expect(function() {
+				render(<Foo />);
+			}).to.not.throw();
+		});
+
+		it('should work with useContext', () => {
+			let Ctx = createContext('foo');
+			function Foo() {
+				let v = useContext(Ctx);
+				return <div>{v}</div>;
+			}
+
+			let res = render(
+				<Ctx.Provider value="foo">
+					<Foo />
+				</Ctx.Provider>
+			);
+
+			expect(res).to.equal('<div>foo</div>');
+		});
+	});
 });