HomeAboutCodes

IntroductionCSS FlexboxCSS Grid Layout

AccordionAspect RatioBadgeBreadcrumbButtonCarouselCheckboxDate PickerDialogDrawerFormHover CardPaginationPopoverSheetSkeletonSonnerSwitchTableTooltip

Background FireworksBackground HexagonBackground HoleBackground StartElement SpringLoadingProgress ScrollText HighlightText RollingText ShimmeringText SplittingText Typing

Sortable

useClickOutsideuseCopyToClipboarduseDebounceuseFetchuseIsClientuseLocalStorageuseMediaQueryusePrevioususeToggleuseUnmount

Import

1import useIsClient from "@repo/ui/hooks/use-is-client";

Usage

1const isClient = useIsClient();
2
3return <p>{isClient ? "Client" : "Server"}</p>;

Original

1import { useEffect, useState } from "react";
2
3function useIsClient() {
4  const [isClient, setIsClient] = useState(false);
5
6  useEffect(() => {
7    setIsClient(true);
8  }, []);
9
10  return isClient;
11}
12
13export default useIsClient;
useFetchuseLocalStorage