Merge pull request #29 from vladshcherbin/typescript-errors

Update ts version

Author: SergeyKovalchuk

package.json

@@ -44,7 +44,7 @@
     "react-scripts": "3.4.1",
     "serverless": "^2.29.0",
     "serverless-finch": "^2.6.0",
-    "typescript": "~3.7.2",
+    "typescript": "~4.3.5",
     "yup": "^0.29.1"
   },
   "devDependencies": {

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>
   );
-}
+}