diff --git a/packages/ibm-products/src/components/CreateTearsheet/CreateTearsheetDivider.js b/packages/ibm-products/src/components/CreateTearsheet/CreateTearsheetDivider.js
deleted file mode 100644
index 0dd473e51b..0000000000
--- a/packages/ibm-products/src/components/CreateTearsheet/CreateTearsheetDivider.js
+++ /dev/null
@@ -1,32 +0,0 @@
-/**
- * Copyright IBM Corp. 2021, 2021
- *
- * 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 React, { forwardRef } from 'react';
-import PropTypes from 'prop-types';
-import cx from 'classnames';
-import { pkg } from '../../settings';
-
-const componentName = 'CreateTearsheetDivider';
-const blockClass = `${pkg.prefix}--tearsheet-create__section--divider`;
-export let CreateTearsheetDivider = forwardRef(
-  ({ className, ...rest }, ref) => {
-    return <span {...rest} ref={ref} className={cx(blockClass, className)} />;
-  }
-);
-
-// Return a placeholder if not released and not enabled by feature flag
-CreateTearsheetDivider = pkg.checkComponentEnabled(
-  CreateTearsheetDivider,
-  componentName
-);
-
-CreateTearsheetDivider.propTypes = {
-  /**
-   * Sets an optional className to be added to the tearsheet step
-   */
-  className: PropTypes.string,
-};
diff --git a/packages/ibm-products/src/components/CreateTearsheet/CreateTearsheetDivider.tsx b/packages/ibm-products/src/components/CreateTearsheet/CreateTearsheetDivider.tsx
new file mode 100644
index 0000000000..95f92b0e2b
--- /dev/null
+++ b/packages/ibm-products/src/components/CreateTearsheet/CreateTearsheetDivider.tsx
@@ -0,0 +1,46 @@
+/**
+ * Copyright IBM Corp. 2021, 2024
+ *
+ * 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 React, { ForwardedRef, forwardRef } from 'react';
+import PropTypes from 'prop-types';
+import cx from 'classnames';
+import { pkg } from '../../settings';
+
+const componentName = 'CreateTearsheetDivider';
+const blockClass = `${pkg.prefix}--tearsheet-create__section--divider`;
+
+interface CreateTearsheetDividerProps {
+  /** Specifies an optional className to be added to the tearsheet divider */
+  className?: string;
+}
+
+export let CreateTearsheetDivider: React.FC<CreateTearsheetDividerProps> =
+  forwardRef(
+    (
+      {
+        className,
+        // Collect any other property values passed in
+        ...rest
+      },
+      ref: ForwardedRef<HTMLSpanElement>
+    ) => {
+      return <span {...rest} ref={ref} className={cx(blockClass, className)} />;
+    }
+  );
+
+// Return a placeholder if not released and not enabled by feature flag
+CreateTearsheetDivider = pkg.checkComponentEnabled(
+  CreateTearsheetDivider,
+  componentName
+);
+
+CreateTearsheetDivider.propTypes = {
+  /**
+   * Sets an optional className to be added to the tearsheet divider
+   */
+  className: PropTypes.string,
+};