isHydrating

Tells whether the code runs while hydrate() claims server markup. Read it at creation in a hook whose first render must match the server, as useExternalStore does to read its server snapshot.

Import#

import { isHydrating } from "@shadow-js/core/extend";

Signature#

function isHydrating(): boolean

Returns#

True inside withHydration, false otherwise.

Examples#

import { isHydrating } from "@shadow-js/core/extend";

function initialWidth(serverWidth: number): number {
  return isHydrating() ? serverWidth : window.innerWidth;
}