Repository: storybook
Issue: [Bug]: Including stories in documentation pages isn't possible
Labels: bug,mdx

### Describe the bug

I want to create a documentation page showcasing several interface components together. This page isn't bound to the stories of another component, though. So I followed the [documentation on MDX](https://storybook.js.org/docs/writing-docs/mdx#writing-unattached-documentation) and created the following MDX file next to the relevant stories:
```mdx
import { Meta, Story } from '@storybook/blocks';
import * as TextFieldStories from '@/components/Interface/Form/TextField/TextField.stories';

<Meta title="Widgets/Interactive/Forms" />

Forms
=====

To collect user input, you can use a wide range of form fields, including text fields, checkboxes, radio buttons, and more.

<Story of={TextFieldStories.Basic} meta={TextFieldStories} />
```

This, however, yields the following error:  

<details>
<summary>
<code>Error: Unexpected `of={undefined}`, did you mistype a CSF file reference?</code>
</summary>

```
    at gn.referenceMeta (http://localhost:6006/sb-preview/runtime.js:6379:13)
    at getStoryId2 (http://localhost:6006/node_modules/.cache/storybook/1c3385a5d25e538d10b518b310c74d3ca2690b6aaffeadccd74da79736171f86/sb-vite/deps/chunk-Q4YTDD5O.js?v=78d66922:2869:26)
    at Story2 (http://localhost:6006/node_modules/.cache/storybook/1c3385a5d25e538d10b518b310c74d3ca2690b6aaffeadccd74da79736171f86/sb-vite/deps/chunk-Q4YTDD5O.js?v=78d66922:2882:70)
    at renderWithHooks (http://localhost:6006/node_modules/.cache/storybook/1c3385a5d25e538d10b518b310c74d3ca2690b6aaffeadccd74da79736171f86/sb-vite/deps/chunk-ALAXW4XP.js?v=78d66922:11548:26)
    at mountIndeterminateComponent (http://localhost:6006/node_modules/.cache/storybook/1c3385a5d25e538d10b518b310c74d3ca2690b6aaffeadccd74da79736171f86/sb-vite/deps/chunk-ALAXW4XP.js?v=78d66922:14926:21)
    at beginWork (http://localhost:6006/node_modules/.cache/storybook/1c3385a5d25e538d10b518b310c74d3ca2690b6aaffeadccd74da79736171f86/sb-vite/deps/chunk-ALAXW4XP.js?v=78d66922:15914:22)
    at beginWork$1 (http://localhost:6006/node_modules/.cache/storybook/1c3385a5d25e538d10b518b310c74d3ca2690b6aaffeadccd74da79736171f86/sb-vite/deps/chunk-ALAXW4XP.js?v=78d66922:19753:22)
    at performUnitOfWork (http://localhost:6006/node_modules/.cache/storybook/1c3385a5d25e538d10b518b310c74d3ca2690b6aaffeadccd74da79736171f86/sb-vite/deps/chunk-ALAXW4XP.js?v=78d66922:19201:20)
    at workLoopSync (http://localhost:6006/node_modules/.cache/storybook/1c3385a5d25e538d10b518b310c74d3ca2690b6aaffeadccd74da79736171f86/sb-vite/deps/chunk-ALAXW4XP.js?v=78d66922:19137:13)
    at renderRootSync (http://localhost:6006/node_modules/.cache/storybook/1c3385a5d25e538d10b518b310c74d3ca2690b6aaffeadccd74da79736171f86/sb-vite/deps/chunk-ALAXW4XP.js?v=78d66922:19116:15)
```

</details>

I experimented with different import variants and assured the project is configured correctly; I then discovered it *did* render when I included CSF meta from a story at the top:
```tsx
<Meta of={TextFieldStories} />
```

That is not what I want, though. It seems like it's possible to either have standalone MDX pages that can use some React components, but none of the Story-related ones, or Story MDX pages—but not both.  
If that observation is correct, the documentation should make it clear. Right now, there's nothing suggesting this limitation.

### Reproduction link

https://stackblitz.com/edit/github-x4jdox?file=src%2Fstories%2FComponents.mdx

### Reproduction steps

1. Go to above link
2. Witness error

### System

```bash
Storybook Environment Info:

  System:
    OS: macOS 15.0
    CPU: (12) arm64 Apple M3 Pro
    Shell: 3.7.1 - /opt/homebrew/bin/fish
  Binaries:
    Node: 23.3.0 - /opt/homebrew/bin/node
    Yarn: 1.22.18 - /usr/local/bin/yarn
    npm: 10.9.0 - /opt/homebrew/bin/npm <----- active
  Browsers:
    Chrome: 131.0.6778.86
    Safari: 18.0
  npmPackages:
    @storybook/addon-a11y: ^8.4.5 => 8.4.5 
    @storybook/addon-designs: ^8.0.4 => 8.0.4 
    @storybook/addon-essentials: ^8.4.4 => 8.4.5 
    @storybook/addon-interactions: ^8.4.4 => 8.4.5 
    @storybook/addon-links: ^8.4.5 => 8.4.5 
    @storybook/addon-themes: ^8.4.4 => 8.4.5 
    @storybook/blocks: ^8.4.4 => 8.4.5 
    @storybook/test: ^8.4.4 => 8.4.5 
    @storybook/vue3: ^8.4.4 => 8.4.5 
    @storybook/vue3-vite: ^8.4.4 => 8.4.5 
    eslint-plugin-storybook: ^0.11.1 => 0.11.1 
    msw-storybook-addon: ^2.0.4 => 2.0.4 
    storybook: ^8.4.4 => 8.4.5 
    storybook-dark-mode: ^4.0.2 => 4.0.2
```

### Additional context

_No response_