diff --git a/src/client/components/vehicleTypes.tsx b/src/client/components/vehicleTypes.tsx
index 36fb9b34cd9275937c074e7df303cb4e34e1fc1b..883669d711a6256ab270ddb171b74cfddb08ec2f 100644
--- a/src/client/components/vehicleTypes.tsx
+++ b/src/client/components/vehicleTypes.tsx
@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useState, useEffect } from "react";
 import Modal from "react-bootstrap/Modal";
 import Button from "react-bootstrap/Button";
 import Table from "react-bootstrap/Table";
@@ -12,6 +12,10 @@ function VehicleTypes() {
   const [add, setAdd] = useState(false);
   const [removeId, setRemoveId] = useState<number>(null);
 
+  useEffect(() => {
+    reloadData();
+  });
+
   const reloadData = () => {
     fetch("/api/vehicleType", {
       method: "GET",