Hydrogen Admin Redirects

admin-redirect-snippet.tsx

import {useUrl, useShopQuery} from '@shopify/hydrogen';

export default function AdminRedirect({response}} {
  const url = useUrl();

  if (response && response.writeHead) {
    response.doNotStream();
  }

   const {data} = useShopQuery({
    query: gql`
      query redirect($pathname: String) {
        urlRedirects(first: 1, query: $pathname) {
          nodes {
            target
          }
        }
      }
    `,
    variables: {
      pathname: url.pathname
    },
    cache: CacheLong(),
    preload: true,
  });

  const {target} = data?.urlRedirects?.nodes?[0]

  if (target) {
    response.writeHead({status: 301});
    return response.redirect(target)
  }
}