app.tsx

const useQuery = (): URLSearchParams => {
  return new URLSearchParams(useLocation().search);
};
const Home = (): JSX.Element => {
  const query = useQuery();
  const wowUrl = query.get("wow");
  const githubUser: string = query.get("gh_user") ? query.get("gh_user") : "wowlink";
  const githubRepository: string = query.get("gh_repo") ? query.get("gh_repo") : "default-profile";
  const [progress, setProgress] = useState({ msg: "init" });
  useEffect(() => {
    const convertAndRedirect = async () => {
      const fetcher: LookupFetcher = GitHubLookupFetcher({ githubUser, githubRepository });
      const fetcherResponse: LookupFetchResponse = await fetcher.fetch({});
      const translator: UrlTranslator = BasicUrlTranslator({ fetcherResponse });
      window.location.href = translator.convert({ wowUrl }).fullUrl;
    };
    convertAndRedirect();
  }, [wowUrl, githubUser, githubRepository]);
  return (<div className="App"><p>WOW Link: a goto link service</p></div>);
};
export default (): JSX.Element => { return (<Router><Home/></Router>); };