diff --git a/superset-frontend/src/explore/components/controls/HiddenControl.jsx b/superset-frontend/src/explore/components/controls/HiddenControl.tsx
similarity index 69%
rename from superset-frontend/src/explore/components/controls/HiddenControl.jsx
rename to superset-frontend/src/explore/components/controls/HiddenControl.tsx
index bc656af8564df..867f0fe2a0736 100644
--- a/superset-frontend/src/explore/components/controls/HiddenControl.jsx
+++ b/superset-frontend/src/explore/components/controls/HiddenControl.tsx
@@ -17,29 +17,14 @@
  * under the License.
  */
 import React from 'react';
-import PropTypes from 'prop-types';
 import { Input } from 'src/common/components';
 
-const propTypes = {
-  onChange: PropTypes.func,
-  value: PropTypes.oneOfType([
-    PropTypes.string,
-    PropTypes.number,
-    PropTypes.object,
-    PropTypes.bool,
-    PropTypes.array,
-    PropTypes.func,
-  ]),
-};
-
-const defaultProps = {
-  onChange: () => {},
-};
+interface HiddenControlsProps {
+  onChange: () => void;
+  value: string | number | readonly string[] | undefined;
+}
 
-export default function HiddenControl(props) {
+export default function HiddenControl(props: HiddenControlsProps) {
   // This wouldn't be necessary but might as well
   return <Input type="hidden" value={props.value} />;
 }
-
-HiddenControl.propTypes = propTypes;
-HiddenControl.defaultProps = defaultProps;