From ddcb42512e95e98806db0523e4d954484a6e48cc Mon Sep 17 00:00:00 2001
From: Anton Tananaev <anton@traccar.org>
Date: Mon, 23 May 2022 06:44:15 -0700
Subject: Upgrade router and navigation

---
 modern/src/map/MapGeofenceEdit.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

(limited to 'modern/src/map')

diff --git a/modern/src/map/MapGeofenceEdit.js b/modern/src/map/MapGeofenceEdit.js
index c64eb736..0b5062d8 100644
--- a/modern/src/map/MapGeofenceEdit.js
+++ b/modern/src/map/MapGeofenceEdit.js
@@ -5,7 +5,7 @@ import theme from '@mapbox/mapbox-gl-draw/src/lib/theme';
 import { useEffect } from 'react';
 
 import { useDispatch, useSelector } from 'react-redux';
-import { useHistory } from 'react-router-dom';
+import { useNavigate } from 'react-router-dom';
 import { map } from './core/Map';
 import { geofenceToFeature, geometryToArea } from './core/mapUtil';
 import { errorsActions, geofencesActions } from '../store';
@@ -36,7 +36,7 @@ const draw = new MapboxDraw({
 
 const MapGeofenceEdit = () => {
   const dispatch = useDispatch();
-  const history = useHistory();
+  const navigate = useNavigate();
 
   const geofences = useSelector((state) => state.geofences.items);
 
@@ -69,7 +69,7 @@ const MapGeofenceEdit = () => {
         });
         if (response.ok) {
           const item = await response.json();
-          history.push(`/settings/geofence/${item.id}`);
+          navigate(`/settings/geofence/${item.id}`);
         } else {
           throw Error(await response.text());
         }
@@ -80,7 +80,7 @@ const MapGeofenceEdit = () => {
 
     map.on('draw.create', listener);
     return () => map.off('draw.create', listener);
-  }, [dispatch, history]);
+  }, [dispatch, navigate]);
 
   useEffect(() => {
     const listener = async (event) => {
-- 
cgit v1.2.3