Revert "feat(component): replaced -> component (#15084)"

This reverts commit e73113f.

packages/react/src/components/UIShell/SideNavItems.tsx → packages/react/src/components/UIShell/SideNavItems.js

@@ -11,26 +11,7 @@ import React from 'react';
 import { CARBON_SIDENAV_ITEMS } from './_utils';
 import { usePrefix } from '../../internal/usePrefix';
 
-interface SideNavItemsProps {
-  /**
-   * Provide a single icon as the child to `SideNavIcon` to render in the
-   * container
-   */
-  children: React.ReactNode;
-
-  /**
-   * Provide an optional class to be applied to the containing node
-   */
-  className?: string;
-
-  /**
-   * Property to indicate if the side nav container is open (or not). Use to
-   * keep local state and styling in step with the SideNav expansion state.
-   */
-  isSideNavExpanded?: boolean;
-}
-
-const SideNavItems: React.FC<SideNavItemsProps> = ({
+const SideNavItems = ({
   className: customClassName,
   children,
   isSideNavExpanded,
@@ -40,16 +21,13 @@ const SideNavItems: React.FC<SideNavItemsProps> = ({
   const childrenWithExpandedState = React.Children.map(children, (child) => {
     if (React.isValidElement(child)) {
       // avoid spreading `isSideNavExpanded` to non-Carbon UI Shell children
-      const childType = child.type as React.ComponentType;
-      if (childType && childType.displayName) {
-        return React.cloneElement(child, {
-          ...(CARBON_SIDENAV_ITEMS.includes(childType.displayName)
-            ? {
-                isSideNavExpanded,
-              }
-            : {}),
-        });
-      }
+      return React.cloneElement(child, {
+        ...(CARBON_SIDENAV_ITEMS.includes(child.type?.displayName)
+          ? {
+              isSideNavExpanded,
+            }
+          : {}),
+      });
     }
   });
   return <ul className={className}>{childrenWithExpandedState}</ul>;