From fa9c18c6bc77f27096e1b9fc4a5f1ed4c8573f0f Mon Sep 17 00:00:00 2001
From: Niraj Sah <nirajsahy4aj@gmail.com>
Date: Mon, 16 Oct 2023 19:06:49 +0530
Subject: [PATCH] feat(component): replaced  ->  component (#14894)

---
 .../UIShell/{SideNavDivider.js => SideNavDivider.tsx}  | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)
 rename packages/react/src/components/UIShell/{SideNavDivider.js => SideNavDivider.tsx} (75%)

diff --git a/packages/react/src/components/UIShell/SideNavDivider.js b/packages/react/src/components/UIShell/SideNavDivider.tsx
similarity index 75%
rename from packages/react/src/components/UIShell/SideNavDivider.js
rename to packages/react/src/components/UIShell/SideNavDivider.tsx
index 09f12aec22b2..e8bc8aa33e02 100644
--- a/packages/react/src/components/UIShell/SideNavDivider.js
+++ b/packages/react/src/components/UIShell/SideNavDivider.tsx
@@ -10,7 +10,13 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { usePrefix } from '../../internal/usePrefix';
 
-function SideNavDivider({ className }) {
+interface SideNavDividerProps {
+  /**
+   * Provide an optional class to be applied to the containing node
+   */
+  className?: string;
+}
+const SideNavDivider: React.FC<SideNavDividerProps> = ({ className }) => {
   const prefix = usePrefix();
   const classNames = cx(`${prefix}--side-nav__divider`, className);
   return (
@@ -18,7 +24,7 @@ function SideNavDivider({ className }) {
       <hr />
     </li>
   );
-}
+};
 
 SideNavDivider.propTypes = {
   /**