fix(docsite-v9): make motion docs work

apps/public-docsite-v9/src/DocsComponents/FluentDocsPage.stories.tsx

@@ -8,6 +8,7 @@ import {
   HeaderMdx,
   Primary,
   Stories,
+  type DocsContextProps,
 } from '@storybook/addon-docs';
 import type { SBEnumType } from '@storybook/csf';
 import { makeStyles, shorthands, tokens, Link, Text } from '@fluentui/react-components';
@@ -135,6 +136,8 @@ export const FluentDocsPage = () => {
   const primaryStory = stories[0];
   const primaryStoryContext = context.getStoryContext(primaryStory);
 
+  assertStoryMetaValues(primaryStory);
+
   const dir = primaryStoryContext.parameters?.dir ?? primaryStoryContext.globals?.[DIR_ID] ?? 'ltr';
   const selectedTheme = themes.find(theme => theme.id === primaryStoryContext.globals![THEME_ID]);
 
@@ -196,3 +199,15 @@ export const FluentDocsPage = () => {
     </div>
   );
 };
+
+function assertStoryMetaValues(story: ReturnType<DocsContextProps['componentStories']>[number]) {
+  if (story.component === null) {
+    throw new Error(
+      [
+        '🚨 Invalid Story Meta declaration:',
+        `- primaryStory.component of componentId:${story.componentId} is "null"`,
+        '- to resolve this error, please update "component" property value in your story definition to reference a React Component or remove it if it is not needed.',
+      ].join('\n'),
+    );
+  }
+}

packages/react-components/react-motion/stories/src/CreateMotionComponent/index.stories.ts

@@ -1,3 +1,4 @@
+import type { Meta } from '@storybook/react';
 import CreateMotionComponentDescription from './CreateMotionComponentDescription.md';
 
 export { CreateMotionComponentDefault as Default } from './CreateMotionComponentDefault.stories';
@@ -14,12 +15,11 @@ export { MotionFunctionParams as functionParams } from './MotionFunctionParams.s
 
 export default {
   title: 'Motion/APIs/createMotionComponent',
-  component: null,
   parameters: {
     docs: {
       description: {
         component: CreateMotionComponentDescription,
       },
     },
   },
-};
+} satisfies Meta;

packages/react-components/react-motion/stories/src/CreatePresenceComponent/index.stories.ts

@@ -1,3 +1,4 @@
+import type { Meta } from '@storybook/react';
 import CreatePresenceComponentDescription from './CreatePresenceComponentDescription.md';
 
 export { CreatePresenceComponentDefault as Default } from './CreatePresenceComponentDefault.stories';
@@ -14,12 +15,11 @@ export { PresenceMotionFunctionParams as functionParams } from './PresenceMotion
 
 export default {
   title: 'Motion/APIs/createPresenceComponent',
-  component: null,
   parameters: {
     docs: {
       description: {
         component: CreatePresenceComponentDescription,
       },
     },
   },
-};
+} satisfies Meta;

packages/react-components/react-motion/stories/src/PresenceGroup/index.stories.ts

@@ -1,15 +1,15 @@
+import type { Meta } from '@storybook/react';
 import PresenceGroupDescription from './PresenceGroupDescription.md';
 
 export { PresenceGroupDefault as Default } from './PresenceGroupDefault.stories';
 
 export default {
   title: 'Motion/APIs/PresenceGroup',
-  component: null,
   parameters: {
     docs: {
       description: {
         component: PresenceGroupDescription,
       },
     },
   },
-};
+} satisfies Meta;