Update useParams hook typings

Author: vladshcherbin

src/components/pages/PageOrder/PageOrder.tsx

@@ -99,7 +99,7 @@ const Form = (props: FormikProps<FormikValues>) => {
 }
 
 export default function PageOrder() {
-  const {id} = useParams();
+  const {id} = useParams<{ id: string }>();
   const [order, setOrder] = useState<any>({});
   const [cartItems, setCartItems] = useState<CartItem[]>([]);
   const [isLoading, setIsLoading] = useState<boolean>(true);
@@ -185,4 +185,4 @@ export default function PageOrder() {
       </TableContainer>
     </PaperLayout>
   );
-}
+}

src/components/pages/PageProductForm/PageProductForm.tsx

@@ -102,7 +102,7 @@ const emptyValues: any = ProductSchema.cast();
 
 export default function PageProductForm() {
   const history = useHistory();
-  const {id} = useParams();
+  const {id} = useParams<{ id: string }>();
   const [product, setProduct] = useState<Product | null>(null);
   const [isLoading, setIsLoading] = useState<boolean>(true);
 
@@ -141,4 +141,4 @@ export default function PageProductForm() {
       </Formik>
     </PaperLayout>
   );
-}
+}