fix: changelog expects component and/or hook

Signed-off-by: Antony Bouyon <antony.bouyon@believe.com>

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),
   );

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;