useWasSSR

The useWasSSR hook is helpful when you want to know whether the component was server-side rendered (SSR) or not.

useWasSSR

SSR'ed

Client Only

Usage

Import the hook from @abhushanaj/react-hooks and use in required component.

./src/App.tsx

import { useWasSSR } from '@abhushanaj/react-hooks';

function App() {
  const wasSSR = useWasSSR();

  return (
    <div>
      <p>{useWasSSR ? 'Yes' : 'No'}</p>
    </div>
  );
}

export default App;

API Reference

Return Value

Parameter	Type	Description	Default
wasSSR	boolean	Whether or not the component was server rendered.	N/A