1import { useRouter } from 'next/compat/router';
2import { useEffect, useState } from 'react';
3
4import { Callout } from '~/ui/components/Callout';
5
6export default function VersionedRedirectNotification({ showForQuery = 'redirected' }) {
7  const router = useRouter();
8  const [visible, setVisible] = useState(false);
9
10  useEffect(() => {
11    if (router?.query) {
12      setVisible(router.query.hasOwnProperty(showForQuery));
13    }
14  }, [router?.query]);
15
16  if (visible) {
17    return (
18      <Callout type="warning">
19        The page you are looking for does not exist in this SDK version. It may have been deprecated
20        or added in a newer SDK version.
21      </Callout>
22    );
23  }
24
25  return null;
26}
27