Recursive stories?

[justinmakaila]

Summary

I typically co-locate my stories with my components, but I nest "child" components in a local components/ directory. For example:

My main.ts looks like this:

// ...
const main: StorybookConfig = {
  stories: ["../src/**/*.stories.@(ts|tsx|js|jsx)"],
  addons: [
    "@storybook/addon-ondevice-controls",
    "@storybook/addon-ondevice-actions",
    "@storybook/addon-ondevice-backgrounds",
  ],
};

But recursive stories aren't detected. This used to work. Any suggestions or help?

Additional information

No response

Create a reproduction

No response

[justinmakaila]

Ok, I think I posted this a bit early... I'm only having issues with the form components, and not for other sub-components. Closing until I can confirm a bug.

[justinmakaila]

My problem was self-inflicted; I was accidentally exporting like this:

import type { Meta, StoryObj } from "@storybook/react";
import { AddressForm } from "./";

const meta = {
  title: "Components/Account Settings/components/Address Form",
  component: AddressForm,
  argTypes: {
    onSubmit: { action: "submit" },
  },
} satisfies Meta<typeof AddressForm>;

export default Meta;

Instead of:

export default meta;

And it was exacerbated because I copy pasted all of the blank stories and then modified imports.