use-show-window-size

use-show-window-size shows window size during development.

Features

• TypeScript support
• SSR support

Installation

npm i --save use-show-window-size

Example

Example

Usage

Next.js

"use client";
import useShowWindowSize from "@/hooks/useShowWindowSize";
import { ReactNode } from "react";

export type LayoutProps = {
  children: ReactNode;
};

export default function Layout({ children }: LayoutProps): JSX.Element {
  useShowWindowSize({
    disable: process.env.NODE_ENV === "production",
  });

  return <>{children}</>;
}

Arguments

Argument	Type	Optional
disable	Boolean	✓
style	Partial<CSSStyleDeclaration>	✓

Return

void