diff --git a/packages/react/src/components/FluidSelect/FluidSelect.Skeleton.js b/packages/react/src/components/FluidSelect/FluidSelect.Skeleton.tsx
similarity index 79%
rename from packages/react/src/components/FluidSelect/FluidSelect.Skeleton.js
rename to packages/react/src/components/FluidSelect/FluidSelect.Skeleton.tsx
index 7e08e3e00574..6da57f9568b9 100644
--- a/packages/react/src/components/FluidSelect/FluidSelect.Skeleton.js
+++ b/packages/react/src/components/FluidSelect/FluidSelect.Skeleton.tsx
@@ -9,8 +9,17 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import cx from 'classnames';
 import { usePrefix } from '../../internal/usePrefix';
+export interface FluidSelectSkeletonProps {
+  /**
+   * Specify an optional className to add.
+   */
+  className?: string;
+}
 
-const FluidSelectSkeleton = ({ className, ...rest }) => {
+const FluidSelectSkeleton: React.FC<FluidSelectSkeletonProps> = ({
+  className,
+  ...rest
+}) => {
   const prefix = usePrefix();
   const wrapperClasses = cx(
     className,
diff --git a/packages/react/src/components/FluidSelect/FluidSelect.js b/packages/react/src/components/FluidSelect/FluidSelect.js
deleted file mode 100644
index 7ed9957bf2f0..000000000000
--- a/packages/react/src/components/FluidSelect/FluidSelect.js
+++ /dev/null
@@ -1,90 +0,0 @@
-/**
- * Copyright IBM Corp. 2022
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import PropTypes from 'prop-types';
-import React from 'react';
-import classnames from 'classnames';
-import Select from '../Select';
-import { usePrefix } from '../../internal/usePrefix';
-import { FormContext } from '../FluidForm/FormContext';
-
-const FluidSelect = React.forwardRef(function FluidSelect(
-  { className, children, ...other },
-  ref
-) {
-  const prefix = usePrefix();
-  const classNames = classnames(`${prefix}--select--fluid`, className);
-
-  return (
-    <FormContext.Provider value={{ isFluid: true }}>
-      <Select ref={ref} className={classNames} {...other}>
-        {children}
-      </Select>
-    </FormContext.Provider>
-  );
-});
-
-FluidSelect.propTypes = {
-  /**
-   * Provide the contents of your Select
-   */
-  children: PropTypes.node,
-
-  /**
-   * Specify an optional className to be applied to the node containing the label and the select box
-   */
-  className: PropTypes.string,
-
-  /**
-   * Optionally provide the default value of the `<select>`
-   */
-  defaultValue: PropTypes.any,
-
-  /**
-   * Specify whether the control is disabled
-   */
-  disabled: PropTypes.bool,
-
-  /**
-   * Specify a custom `id` for the `<select>`
-   */
-  id: PropTypes.string.isRequired,
-
-  /**
-   * Specify if the currently value is invalid.
-   */
-  invalid: PropTypes.bool,
-
-  /**
-   * Message which is displayed if the value is invalid.
-   */
-  invalidText: PropTypes.node,
-
-  /**
-   * Provide label text to be read by screen readers when interacting with the
-   * control
-   */
-  labelText: PropTypes.node,
-
-  /**
-   * Provide an optional `onChange` hook that is called each time the value of
-   * the underlying `<input>` changes
-   */
-  onChange: PropTypes.func,
-
-  /**
-   * Specify whether the control is currently in warning state
-   */
-  warn: PropTypes.bool,
-
-  /**
-   * Provide the text that is displayed when the control is in warning state
-   */
-  warnText: PropTypes.node,
-};
-
-export default FluidSelect;
diff --git a/packages/react/src/components/FluidSelect/FluidSelect.tsx b/packages/react/src/components/FluidSelect/FluidSelect.tsx
new file mode 100644
index 000000000000..0df2324164eb
--- /dev/null
+++ b/packages/react/src/components/FluidSelect/FluidSelect.tsx
@@ -0,0 +1,148 @@
+/**
+ * Copyright IBM Corp. 2022
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import PropTypes from 'prop-types';
+import React from 'react';
+import classnames from 'classnames';
+import Select from '../Select';
+import { usePrefix } from '../../internal/usePrefix';
+import { FormContext } from '../FluidForm/FormContext';
+
+export interface FluidSelectProps {
+  /**
+   * Provide the contents of your Select
+   */
+  children?: React.ReactNode;
+
+  /**
+   * Specify an optional className to be applied to the node containing the label and the select box
+   */
+  className?: string;
+
+  /**
+   * Optionally provide the default value of the `<select>`
+   */
+  defaultValue?: any;
+
+  /**
+   * Specify whether the control is disabled
+   */
+  disabled?: boolean;
+
+  /**
+   * Specify a custom `id` for the `<select>`
+   */
+  id: string;
+
+  /**
+   * Specify if the currently value is invalid.
+   */
+  invalid?: boolean;
+
+  /**
+   * Message which is displayed if the value is invalid.
+   */
+  invalidText?: React.ReactNode;
+
+  /**
+   * Provide label text to be read by screen readers when interacting with the
+   * control
+   */
+  labelText?: React.ReactNode;
+
+  /**
+   * Provide an optional `onChange` hook that is called each time the value of
+   * the underlying `<input>` changes
+   */
+  onChange?: React.ChangeEventHandler<HTMLSelectElement>;
+
+  /**
+   * Specify whether the control is currently in warning state
+   */
+  warn?: boolean;
+
+  /**
+   * Provide the text that is displayed when the control is in warning state
+   */
+  warnText?: React.ReactNode;
+}
+
+const FluidSelect = React.forwardRef<HTMLSelectElement, FluidSelectProps>(
+  function FluidSelect({ className, children, ...other }, ref) {
+    const prefix = usePrefix();
+    const classNames = classnames(`${prefix}--select--fluid`, className);
+
+    return (
+      <FormContext.Provider value={{ isFluid: true }}>
+        <Select ref={ref} className={classNames} {...other}>
+          {children}
+        </Select>
+      </FormContext.Provider>
+    );
+  }
+);
+
+FluidSelect.propTypes = {
+  /**
+   * Provide the contents of your Select
+   */
+  children: PropTypes.node,
+
+  /**
+   * Specify an optional className to be applied to the node containing the label and the select box
+   */
+  className: PropTypes.string,
+
+  /**
+   * Optionally provide the default value of the `<select>`
+   */
+  defaultValue: PropTypes.any,
+
+  /**
+   * Specify whether the control is disabled
+   */
+  disabled: PropTypes.bool,
+
+  /**
+   * Specify a custom `id` for the `<select>`
+   */
+  id: PropTypes.string.isRequired,
+
+  /**
+   * Specify if the currently value is invalid.
+   */
+  invalid: PropTypes.bool,
+
+  /**
+   * Message which is displayed if the value is invalid.
+   */
+  invalidText: PropTypes.node,
+
+  /**
+   * Provide label text to be read by screen readers when interacting with the
+   * control
+   */
+  labelText: PropTypes.node,
+
+  /**
+   * Provide an optional `onChange` hook that is called each time the value of
+   * the underlying `<input>` changes
+   */
+  onChange: PropTypes.func,
+
+  /**
+   * Specify whether the control is currently in warning state
+   */
+  warn: PropTypes.bool,
+
+  /**
+   * Provide the text that is displayed when the control is in warning state
+   */
+  warnText: PropTypes.node,
+};
+
+export default FluidSelect;
diff --git a/packages/react/src/components/FluidSelect/index.js b/packages/react/src/components/FluidSelect/index.tsx
similarity index 65%
rename from packages/react/src/components/FluidSelect/index.js
rename to packages/react/src/components/FluidSelect/index.tsx
index 8b784b62716f..269ccf5fb8c7 100644
--- a/packages/react/src/components/FluidSelect/index.js
+++ b/packages/react/src/components/FluidSelect/index.tsx
@@ -6,7 +6,9 @@
  */
 
 import FluidSelect from './FluidSelect';
-
+import FluidSelectSkeletonProps from './FluidSelect.Skeleton';
+import FluidSelectProps from './FluidSelect.Skeleton';
+export type { FluidSelectSkeletonProps, FluidSelectProps };
 export default FluidSelect;
 export { FluidSelect };
 export { default as FluidSelectSkeleton } from './FluidSelect.Skeleton';