Search form: Reset search value when changing field

1 files changed, 3 insertions, 1 deletions

diff --git a/src/components/SearchForm.js b/src/components/SearchForm.js
index 1e56fc7..dd52578 100644
--- a/src/components/SearchForm.js
+++ b/src/components/SearchForm.js
@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 import PropTypes from "prop-types";
 
 import Button from "@mui/material/Button";
@@ -13,6 +13,8 @@ function SearchForm(props) {
     let [searchField, setSearchField] = useState("port");
     let [searchValue, setSearchValue] = useState("");
 
+    useEffect(clearSearch, [searchField]);
+
     function clearSearch(_) {
         setSearchValue("");
         props.filter(null, null);