Shopify UI Extension Debug Hook

useDebug.ts

import { useExtension } from '@shopify/ui-extensions-react/checkout';
import { UIExtensions } from '../enums';

export function useDebug(extensionName: UIExtensions, debugMode: boolean) {
  const extension = useExtension();

  return function debug(message: any, params?: any) {
    if (debugMode) {
      console.log(`[UI Extension: ${extensionName.toUpperCase()}] ${message}`, params)
    }
  }
}