1import { useRouter } from 'next/compat/router';
2import { useEffect, useState } from 'react';
3
4import { P } from '~/ui/components/Text';
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      <div className="bg-warning border border-solid border-warning p-4 mt-1 rounded-sm">
19        <P className="mb-0">
20          ⚠️ The page you are looking for does not exist in this SDK version. It may have been
21          deprecated or added in a newer SDK version.
22        </P>
23      </div>
24    );
25  }
26
27  return null;
28}
29