diff --git a/webapp/package-lock.json b/webapp/package-lock.json
index 43c806ce..14e1a37b 100644
--- a/webapp/package-lock.json
+++ b/webapp/package-lock.json
@@ -21,6 +21,7 @@
         "i18next": "^23.8.2",
         "i18next-browser-languagedetector": "^7.2.0",
         "i18next-http-backend": "^2.4.3",
+        "prop-types": "^15.8.1",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-i18next": "^14.0.5",
diff --git a/webapp/package.json b/webapp/package.json
index 0640aded..b241b70c 100644
--- a/webapp/package.json
+++ b/webapp/package.json
@@ -16,6 +16,7 @@
     "i18next": "^23.8.2",
     "i18next-browser-languagedetector": "^7.2.0",
     "i18next-http-backend": "^2.4.3",
+    "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-i18next": "^14.0.5",
diff --git a/webapp/src/components/ButtonEf.jsx b/webapp/src/components/ButtonEf.jsx
index 2ca6e920..6d8ff243 100644
--- a/webapp/src/components/ButtonEf.jsx
+++ b/webapp/src/components/ButtonEf.jsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import { Button } from "@chakra-ui/react";
+import PropTypes from 'prop-types';
 import '../styles/AppView.css';
 
 const ButtonEf = ({ dataTestId, variant, colorScheme, text, onClick }) => {
@@ -7,4 +8,13 @@ const ButtonEf = ({ dataTestId, variant, colorScheme, text, onClick }) => {
       <Button type="submit" data-testid={dataTestId} variant={variant} colorScheme={colorScheme} margin={"10px"} className={"custom-button effect1"} onClick={onClick}>{text}</Button>
     );
 };
+
+ButtonEf.propTypes = {
+  dataTestId: PropTypes.string.isRequired,
+  variant: PropTypes.string.isRequired,
+  colorScheme: PropTypes.string.isRequired,
+  text: PropTypes.string.isRequired,
+  onClick: PropTypes.func.isRequired,
+};
+
 export default ButtonEf;
\ No newline at end of file