diff --git a/docs-ui/src/components/ChangelogComponent/index.tsx b/docs-ui/src/components/ChangelogComponent/index.tsx
index 1ba5c45a0b..cca75a9515 100644
--- a/docs-ui/src/components/ChangelogComponent/index.tsx
+++ b/docs-ui/src/components/ChangelogComponent/index.tsx
@@ -1,20 +1,22 @@
 import { changelog } from '@/utils/changelog';
 import { MDXRemote } from 'next-mdx-remote-client/rsc';
 import { formattedMDXComponents } from '@/mdx-components';
-import type { Component, Hook } from '@/utils/changelog';
+import type { AtLeastOne, Component, Hook } from '@/utils/changelog';
 import {
   Badge,
   BreakingBadge,
   generateChangelogMarkdown,
 } from '../Changelog/utils';
 
+type ChangelogComponentProps = AtLeastOne<{
+  component: Component;
+  hook: Hook;
+}>;
+
 export const ChangelogComponent = ({
   component,
   hook,
-}: {
-  component: Component;
-  hook: Hook;
-}) => {
+}: Readonly<ChangelogComponentProps>) => {
   const componentChangelog = changelog.filter(
     c => c.components?.includes(component) || c.hooks?.includes(hook),
   );
diff --git a/docs-ui/src/utils/types.ts b/docs-ui/src/utils/types.ts
index 4fa0d8b1c3..512609d1ea 100644
--- a/docs-ui/src/utils/types.ts
+++ b/docs-ui/src/utils/types.ts
@@ -39,7 +39,7 @@ export type Hook = 'use-breakpoint';
 
 export type Version = `${number}.${number}.${number}`;
 
-type AtLeastOne<T, K extends keyof T = keyof T> = K extends string
+export type AtLeastOne<T, K extends keyof T = keyof T> = K extends string
   ? Pick<T, K> & Partial<Omit<T, K>>
   : never;