storybook/docs/snippets/react/portable-stories-jest-with-loaders.ts.mdx

```tsx
// Button.test.tsx
import { test } from '@jest/globals';
import { render } from '@testing-library/react';
// 👉 Using Next.js? Import from @storybook/nextjs instead
import { composeStory } from '@storybook/react';

import meta, { Primary } from './Button.stories';

test('applies the loaders and renders', async () => {
  const PrimaryStory = composeStory(Primary, meta);

  // First, load the data for the story
  await PrimaryStory.load();

  // Then, render the story
  render(<PrimaryStory />);
});
```