diff --git a/packages/react/src/components/UIShell/SideNavDetails.js b/packages/react/src/components/UIShell/SideNavDetails.tsx
similarity index 89%
rename from packages/react/src/components/UIShell/SideNavDetails.js
rename to packages/react/src/components/UIShell/SideNavDetails.tsx
index 5ec7f86c42ac..e5427612a31f 100644
--- a/packages/react/src/components/UIShell/SideNavDetails.js
+++ b/packages/react/src/components/UIShell/SideNavDetails.tsx
@@ -10,12 +10,18 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { usePrefix } from '../../internal/usePrefix';
 
+export interface SideNavDetailsProps {
+  children?: React.ReactNode;
+  className?: string;
+  title: string;
+}
+
 const SideNavDetails = ({
   children,
   className: customClassName,
   title,
   ...rest
-}) => {
+}: SideNavDetailsProps) => {
   const prefix = usePrefix();
   const className = cx(`${prefix}--side-nav__details`, customClassName);
   return (