Add example and fix

packages/react-rsbuild/src/loaders/react-docgen-loader.ts

@@ -31,6 +31,7 @@ const actualNameHandler: Handler = function actualNameHandler(
   documentation,
   componentDefinition,
 ) {
+  documentation.set('definedInFile', componentDefinition.hub.file.opts.filename)
   if (
     (componentDefinition.isClassDeclaration() ||
       componentDefinition.isFunctionDeclaration()) &&
@@ -71,7 +72,7 @@ const actualNameHandler: Handler = function actualNameHandler(
   }
 }
 
-type DocObj = Documentation & { actualName: string }
+type DocObj = Documentation & { actualName: string; definedInFile: string }
 
 const defaultHandlers = Object.values(docgenHandlers).map((handler) => handler)
 const defaultResolver = new docgenResolver.FindExportedDefinitionsResolver()
@@ -141,8 +142,8 @@ export default async function reactDocgenLoader(
     const magicString = new MagicString(source)
 
     docgenResults.forEach((info) => {
-      const { actualName, ...docgenInfo } = info
-      if (actualName) {
+      const { actualName, definedInFile, ...docgenInfo } = info
+      if (actualName && definedInFile === this.resourcePath) {
         const docNode = JSON.stringify(docgenInfo)
         magicString.append(`;${actualName}.__docgenInfo=${docNode}`)
       }

sandboxes/react-rsbuild/src/stories/Bouton.stories.ts

@@ -0,0 +1,32 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { fn } from '@storybook/test'
+import Bouton from './Bouton'
+
+// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
+const meta = {
+  title: 'Example/Bouton',
+  component: Bouton,
+  parameters: {
+    // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/configure/story-layout
+    layout: 'centered',
+  },
+  // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/writing-docs/autodocs
+  tags: ['autodocs'],
+  // More on argTypes: https://storybook.js.org/docs/api/argtypes
+  argTypes: {
+    backgroundColor: { control: 'color' },
+  },
+  // Use `fn` to spy on the onClick arg, which will appear in the actions panel once invoked: https://storybook.js.org/docs/essentials/actions#action-args
+  args: { onClick: fn() },
+} satisfies Meta<typeof Bouton>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+// More on writing stories with args: https://storybook.js.org/docs/writing-stories/args
+export const Primary: Story = {
+  args: {
+    primary: true,
+    label: 'Button',
+  },
+}

sandboxes/react-rsbuild/src/stories/Bouton.ts

@@ -0,0 +1,2 @@
+import { Button as Bouton } from './Button'
+export default Bouton