Skip to main content

isBrowser

The isBrowser utility is a function that returns a Boolean that indicates whether the code was run in the browser. This information is useful because client components are server-rendered. Use the isBrowser utility if you don't want logic within your client component to be rendered on the server.

Example code​

import {isBrowser} from '@shopify/hydrogen';

export function MyComponent() {
  if (isBrowser()) {
    return <p>I ran in the browser</p>;
  }

  return <p>I ran on the server</p>;
}

Arguments​

None

Return type​

A Boolean indicating whether the code was run in the browser.