Fix effects breaking in SSR due to missing _renderCallbacks (#124)

Fix effects breaking in SSR due to missing _renderCallbacks

Author: marvinhagemeister

package.json

@@ -77,7 +77,7 @@
     "eslint-config-developit": "^1.1.1",
     "microbundle": "^0.6.0",
     "mocha": "^5.2.0",
-    "preact": "^10.0.0-alpha.0",
+    "preact": "^10.0.4",
     "sinon": "^1.17.5",
     "sinon-chai": "^2.8.0",
     "typescript": "^3.4.1"

src/index.js

@@ -76,7 +76,8 @@ function renderToString(vnode, context, opts, inner, isSvgMode, selectValue) {
 		else {
 			let rendered;
 
-			let c = vnode.__c = { __v: vnode, context, props: vnode.props };
+			let c = vnode.__c = { __v: vnode, context, props: vnode.props, __h: [] };
+
 			// options.render
 			if (options.__r) options.__r(vnode);
 

test/render.js

@@ -1,6 +1,6 @@
 import { render, shallowRender } from '../src';
 import { h, Component, createContext, Fragment } from 'preact';
-import { useState, useContext, useEffect } from 'preact/hooks';
+import { useState, useContext, useEffect, useLayoutEffect } from 'preact/hooks';
 import chai, { expect } from 'chai';
 import { spy, stub, match } from 'sinon';
 import sinonChai from 'sinon-chai';
@@ -711,6 +711,25 @@ describe('render', () => {
 			}).to.not.throw();
 		});
 
+		it('should not crash with effectful hooks', () => {
+			function Foo() {
+				useEffect(() => {
+					// Nothing
+				}, []);
+
+				useLayoutEffect(() => {
+					// Nothing
+				}, []);
+
+				return <div />;
+			}
+
+			// eslint-disable-next-line prefer-arrow-callback
+			expect(function() {
+				render(<Foo />);
+			}).to.not.throw();
+		});
+
 		it('should work with useContext and default value', () => {
 			let Ctx = createContext('foo');
 			function Foo() {