Introducing redux to manage tracks.

src/store/gpx.ts

@@ -0,0 +1,28 @@
+import { createSlice } from '@reduxjs/toolkit';
+
+const initialState: any = {
+  current: {
+    $: {},
+    trk: [
+      {
+        trkseg: [{ trkpt: [] }],
+      },
+    ],
+  },
+};
+
+const slice = createSlice({
+  name: 'gpx',
+  initialState: initialState,
+  reducers: {
+    appendTrkpt(state, action) {
+      state[action.payload.trkKey].trk[0].trkseg[0].trkpt.push(
+        action.payload.trkpt
+      );
+    },
+  },
+});
+
+export const gpxActions = slice.actions;
+
+export default slice.reducer;

src/store/index.ts

@@ -0,0 +1,9 @@
+import { configureStore } from '@reduxjs/toolkit';
+
+import gpxReducer from './gpx';
+
+const store = configureStore({
+  reducer: { gpx: gpxReducer },
+});
+
+export default store;