Preact-CLI + styled-компоненты. Не увлажняет

У меня есть сайт, построенный в preact с помощью cli. Вдобавок к этому у меня есть UI-библиотека, построенная со стилизованными компонентами. Я хочу добиться прочной реализации SSR.

Я следил за инструкциями в документах по стилям в отношении SSR. инструкции по стилям и инструкциям по SSR

Страница загружается, preberendered, однако, когда javascript пинает, вместо того, чтобы увлажнять существующий HTML, он заменяет HTML. Это приведет к тому, что страница будет пустой.3 секунды.

Пример в документах выглядит довольно неубедительно. Вот как я попытался реализовать пример:

import { ServerStyleSheet } from 'styled-components';
import { h, render } from 'preact';
import { default as renderToString } from 'preact-render-to-string';
import './style'; // eslint-disable-line
import App from './components/app';

if (typeof window === undefined) {
    const sheet = new ServerStyleSheet();
    renderToString(sheet.collectStyles(<App />));
    sheet.getStyleElement();
}

if (typeof window !== 'undefined'){
    const FontLoader = require('./FontLoader').default;
    // Loading fonts, defered
    FontLoader();
}

export default App;

Любой, кто сделал это, и готов дать некоторые намеки?

Am on preact-cli 2.2.1