Shopify admin route propagator

RoutePropagator.tsx

import { useEffect, useContext } from 'react'
import Router, { useRouter } from 'next/router'
import { Context as AppBridgeContext } from '@shopify/app-bridge-react'
import { Redirect } from '@shopify/app-bridge/actions'
import { RoutePropagator as ShopifyRoutePropagator } from '@shopify/app-bridge-react'

const RoutePropagator = () => {
  const router = useRouter()
  const { route } = router
  const appBridge = useContext(AppBridgeContext)
  useEffect(() => {
    const unsub = appBridge.subscribe(Redirect.ActionType.APP, ({ path }) => {
      Router.push(path)
    })

    return () => unsub()
  })

  return appBridge && route ? <ShopifyRoutePropagator location={route} /> : null
}

export default RoutePropagator

Awesome, found this other implementation as I was googling around: Shopify/shopify-app-template-node#148

Only different I see is the dependencies on the useEffect hook.