withHydration.js

import { h } from "preact";
import HydrationData from "./hydrationData";

export default (Component) => (props) => {
  const hid = HydrationData.storeProps(Component, props);
  return (
    <>
      <script type="application/hydration-marker" data-hid={hid} />
      <Component {...props} />
    </>
  );
};