diff --git a/webserver/src/App.jsx b/webserver/src/App.jsx
index 8cb6c87..7f1a00d 100644
--- a/webserver/src/App.jsx
+++ b/webserver/src/App.jsx
@@ -20,6 +20,7 @@ import { createMuiTheme, ThemeProvider } from '@material-ui/core'
 import { Formik, Field, Form } from 'formik';
 import { TextField, Button, Grid, FormRow, Checkbox, Radio, FormControlLabel, FormControl, FormLabel, RadioGroup, IconButton, InputAdornment } from "@material-ui/core";
 import { AddCircleOutline, RemoveCircleOutline } from "@material-ui/icons";
+import { ProcessedDataProvider } from "./Pages/DashboardPage/ProcessedDataContext";
 
 
 
@@ -43,16 +44,18 @@ function App() {
     <div className="App">
       <ThemeProvider theme={darkTheme}>
         <DbProvider>
-          <Router>
-            <Navigation />
-            <Routes>
-              <Route path="/" element={<WelcomePage />} />
-              <Route path="/Dashboard" element={<DashboardPage />} />
-              <Route path="/Input" element={<InputPage />} />
-              <Route path="/404" element={<NotFoundPage />} />
-              <Route path="*" element={<NotFoundPage />} />
-            </Routes>
-          </Router>
+          <ProcessedDataProvider>
+            <Router>
+              <Navigation />
+              <Routes>
+                <Route path="/" element={<WelcomePage />} />
+                <Route path="/Dashboard" element={<DashboardPage />} />
+                <Route path="/Input" element={<InputPage />} />
+                <Route path="/404" element={<NotFoundPage />} />
+                <Route path="*" element={<NotFoundPage />} />
+              </Routes>
+            </Router>
+          </ProcessedDataProvider>
         </DbProvider>
       </ThemeProvider>
     </div>