dinou/dinou/core/client-error-webpack.jsx

Dinou is a modern React 19 framework with React Server Components, Server Functions, and streaming SSR.

import { use } from "react";
import { createFromFetch } from "react-server-dom-webpack/client";
import { hydrateRoot } from "react-dom/client";

const cache = new Map();
const route = window.location.href.replace(window.location.origin, "");

function Root() {
  let content = cache.get(route);
  if (!content) {
    content = createFromFetch(
      fetch("/____rsc_payload_error____" + route, {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
        },
        body: JSON.stringify({
          error: {
            message: window.__DINOU_ERROR_MESSAGE__ || "Unknown error",
            stack: window.__DINOU_ERROR_STACK__ || "No stack trace available",
          },
        }),
      })
    );
    cache.set(route, content);
  }

  return use(content);
}

hydrateRoot(document, <Root />);

// HMR
if (import.meta.hot) {
  import.meta.hot.accept();
}