Fix incorrect type query param types

src/apps/concepts/pages/CreateOrEditConceptPage.tsx

@@ -22,7 +22,7 @@ import {
   ProgressOverlay,
   useAnchor,
   usePrevious,
-  useQuery
+  useQueryParams
 } from "../../../utils";
 import { CONTEXT } from "../constants";
 import {
@@ -48,6 +48,11 @@ interface Props {
   progress?: string;
 }
 
+interface ConceptPageQueryParams {
+  conceptClass: string;
+  linkedDictionary: string;
+}
+
 const CreateOrEditConceptPage: React.FC<Props> = ({
   retrieveConcept,
   concept,
@@ -62,7 +67,7 @@ const CreateOrEditConceptPage: React.FC<Props> = ({
 }) => {
   const { pathname: url } = useLocation();
   const { concept: conceptId } = useParams();
-  const { conceptClass, linkedDictionary } = useQuery();
+  const { conceptClass, linkedDictionary } = useQueryParams<ConceptPageQueryParams>();
   const previouslyLoading = usePrevious(loading);
   const [menuAnchor, handleMenuClick, handleMenuClose] = useAnchor();
 

src/apps/concepts/pages/ViewConceptPage.tsx

@@ -22,7 +22,7 @@ import {
 } from "../../authentication";
 import { orgsSelector } from "../../authentication/redux/reducer";
 import { CONTEXT } from "../constants";
-import { ProgressOverlay, useQuery } from "../../../utils";
+import { ProgressOverlay, useQueryParams } from "../../../utils";
 
 interface Props {
   loading: boolean;
@@ -48,7 +48,7 @@ const ViewConceptPage: React.FC<Props> = ({
     ownerType: string;
     owner: string;
   }>();
-  const { linkedDictionary, linkedSource } = useQuery();
+  const { linkedDictionary, linkedSource } = useQueryParams();
 
   // we can modify the concept and it lives in our dictionary's linked source
   const showEditButton =

src/apps/concepts/pages/ViewConceptsPage.tsx

@@ -27,7 +27,7 @@ import {
   CONCEPT_CLASSES,
   PREFERRED_SOURCES,
   useAnchor,
-  useQuery
+  useQueryParams
 } from "../../../utils";
 import qs from "qs";
 import { ProgressOverlay } from "../../../utils/components";
@@ -115,7 +115,7 @@ const ViewConceptsPage: React.FC<Props> = ({
     ownerType: string;
     owner: string;
   }>();
-  const { linkedSource, preferredSource } = useQuery(); // only relevant when using collection container
+  const { linkedSource, preferredSource } = useQueryParams(); // only relevant when using collection container
 
   const [addNewAnchor, handleAddNewClick, handleAddNewClose] = useAnchor();
   const [customAnchor, handleCustomClick, handleCustomClose] = useAnchor();
@@ -130,7 +130,7 @@ const ViewConceptsPage: React.FC<Props> = ({
     handleSwitchSourceClose
   ] = useAnchor();
 
-  const queryParams: QueryParams = useQuery();
+  const queryParams: QueryParams = useQueryParams();
   const {
     page = 1,
     sortDirection = "sortAsc",

src/apps/dictionaries/components/ViewDictionariesPage.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect } from "react";
 import { APIDictionary } from "../types";
 import { ProgressOverlay } from "../../../utils/components";
-import { useQuery } from "../../../utils";
+import { useQueryParams } from "../../../utils";
 import { useHistory, useLocation } from "react-router";
 import qs from "qs";
 import ViewDictionaries from "../components/ViewDictionaries";
@@ -32,7 +32,7 @@ const ViewPublicDictionariesPage: React.FC<Props> = ({
   const { pathname: url } = useLocation();
   const { num_found: numFound = dictionaries.length } = meta;
 
-  const queryParams: { page?: number; q?: string } = useQuery();
+  const queryParams: { page?: number; q?: string } = useQueryParams();
   const { page = 1, q: initialQ = "" } = queryParams;
 
   useEffect(() => {

src/apps/dictionaries/pages/AddBulkConceptsPage.tsx

@@ -13,7 +13,7 @@ import {
 import { recursivelyAddConceptsToDictionaryAction } from "../redux";
 import { useLocation } from "react-router";
 import { connect } from "react-redux";
-import { PREFERRED_SOURCES, useAnchor, useQuery } from "../../../utils";
+import { PREFERRED_SOURCES, useAnchor, useQueryParams } from "../../../utils";
 import Header from "../../../components/Header";
 import { Link } from "react-router-dom";
 
@@ -38,7 +38,7 @@ interface Props {
 const AddBulkConceptsPage: React.FC<Props> = ({ addConceptsToDictionary }) => {
   const classes = useStyles();
   const { pathname: url } = useLocation();
-  const { fromSource } = useQuery();
+  const { fromSource } = useQueryParams();
 
   const [
     switchSourceAnchor,

src/utils/hooks.ts

@@ -10,8 +10,8 @@ export function usePrevious(value: any) {
   return ref.current;
 }
 
-export function useQuery() {
-  return qs.parse(useLocation().search, { ignoreQueryPrefix: true });
+export function useQueryParams<QueryParamsType>(): QueryParamsType {
+  return qs.parse(useLocation().search, {ignoreQueryPrefix: true}) as unknown as QueryParamsType;
 }
 
 export function useAnchor(): [