Function SearchError

components/search/SearchError.tsx:10–27

({ error }: Props)

}

export function SearchError({ error }: Props) {
  const { t } = useTranslation('search')
  const { locale, asPath } = useRouter()

  return (
    <div>
      <Flash variant="danger" sx={{ margin: '3rem' }}>
        {t('search_error')}
        <br />
        {process.env.NODE_ENV === 'development' && <code>{error.toString()}</code>}
      </Flash>
      <Box>
        {/* This deliberately uses a <a> instead of <Link> so it triggers a full reload. */}
        <a href={`/${locale}${asPath}`}>Try reloading the page</a>
      </Box>
    </div>
  )
}