Autodocs JSDoc and argTypes not working in some cases (React + Vite)

[hongaar]

Summary

In certain cases, autodocs doesn't add the JSDoc and argTypes from a React + Vite project. This seems to happen when a React component doesn't return a ReactElement.

Additional information

In my project, I have some components which don't return a ReactElement but something else instead (a string or ReactPortal for example).

Simple reproduction case in https://github.com/hongaar/storybook-test

yarn create vite storybook-test --template react-swc
cd storybook-test
yarn create storybook@latest

Then add Test.tsx

export interface TestProps {
  /** Test contents */
  label?: string;
}

/** Primary UI component for user interaction */
export const Test = ({
  label
}: TestProps) => {
  return label || "default label";
};

and Test.stories.ts

import type { Meta, StoryObj } from '@storybook/react';
import { Test } from './Test';

const meta = {
  title: 'Example/Test',
  component: Test,
  tags: ['autodocs'],
} satisfies Meta<typeof Test>;

export default meta;

type Story = StoryObj<typeof meta>;

export const Default: Story = {};

We can observe JSDoc and argTypes are not populated by autodocs.

When we change Test.tsx to:

-  return label || "default label";
+  return <div>{label || "default label"}</div>;

We can observe JSDoc and argTypes are now correctly populated by autodocs.

It seems that returning a string (in example above) and ReactPortal (in my project) from a React component have the same behaviour.

Is this behaviour I can fix with configuration or should this be considered a bug?

Create a reproduction

https://github.com/hongaar/storybook-test