Repository: storybook
Issue: [Bug]: Storybook showing weird type for child component
Labels: bug,needs triage

### Describe the bug

Storybook is showing children type like this 

<img width="1436" alt="Screenshot 2023-05-16 at 3 25 48 PM" src="https://github.com/storybookjs/storybook/assets/32276134/064ddc2f-6546-4970-8408-f33e25ff6638">


### To Reproduce

This is my .story code 


```
import type { Meta, StoryObj } from '@storybook/react';

import Dropdown from 'components/elements/Dropdown';
import { baseSeedData } from 'components/elements/Dropdown/Storybook/seed';

import DetailViewLabel from '../';

const meta = {
    title: 'Elements/DetaledViewLabel',
    component: DetailViewLabel,
    tags: ['autodocs'],
    argTypes: {
        isVisible: {
            control: true,
        },
    },
} satisfies Meta<typeof DetailViewLabel>;

export default meta;

type Story = StoryObj<typeof meta>;

export const withText: Story = {
    args: {
        label: 'Payment Methods',
        children: 'This is some random text',
    },
};

export const withDropdown: Story = {
    args: {
        label: 'Payment Methods',
        children: <Dropdown name="Payment Method" viewMode={false} listItem={baseSeedData} />,
    },
};
```

Where `DetailViewLabel` looks like this 

```
const DetailViewLabel = ({ label, children, isFeatured, isBlock, isVisible = true }: Props) => {
    if (!isVisible) return null;

    return (
        <div
            className={classNames('detail-view-label', {
                'detail-view-label--featured': isFeatured,
                'detail-view-label--block': isBlock,
            })}
        >
            <div className="detail-view-label__label">{label}</div>
            <div className="detail-view-label__content">{children || ''}</div>
        </div>
    );
};
```

and Dropdown have these props 

```
type Props = {
    name: string;
    label?: string;
    listItem: SelectItemOptionsType;
    requiredText?: string;
    disabled?: boolean;
    enableFilter?: boolean;
    viewMode: boolean;
};
```

My storybook config (main config)

```
import type { StorybookConfig } from '@storybook/react-vite';
const config: StorybookConfig = {
    stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
    addons: [
        '@storybook/addon-links',
        '@storybook/addon-essentials',
        '@storybook/addon-interactions',
        '@storybook/preset-scss',
    ],
    framework: {
        name: '@storybook/react-vite',
        options: {},
    },
    docs: {
        autodocs: 'tag',
    },
};
export default config;
```
and vite config 

```
/* eslint-disable import/no-extraneous-dependencies */
import react from '@vitejs/plugin-react';
import { defineConfig } from 'vite';
import svgr from 'vite-plugin-svgr';
import tsconfigPaths from 'vite-tsconfig-paths';

// https://vitejs.dev/config/
export default defineConfig({
    plugins: [react(), tsconfigPaths(), svgr()],
    css: {
        preprocessorOptions: {
            scss: {
                additionalData: `@import "./src/core/theme/variables";`,
            },
        },
    },
    server: {
        port: 3000,
    },
});
```


### System

```shell
Environment Info:

  System:
    OS: macOS 12.5
    CPU: (10) arm64 Apple M1 Pro
  Binaries:
    Node: 18.3.0 - ~/.nvm/versions/node/v18.3.0/bin/node
    npm: 8.11.0 - ~/.nvm/versions/node/v18.3.0/bin/npm
  Browsers:
    Safari: 15.6
  npmPackages:
    @storybook/addon-essentials: ^7.0.9 => 7.0.12 
    @storybook/addon-interactions: ^7.0.9 => 7.0.12 
    @storybook/addon-links: ^7.0.9 => 7.0.12 
    @storybook/addon-styling: ^1.0.6 => 1.0.8 
    @storybook/blocks: ^7.0.9 => 7.0.12 
    @storybook/preset-create-react-app: ^7.0.9 => 7.0.12 
    @storybook/preset-scss: ^1.0.3 => 1.0.3 
    @storybook/react: ^7.0.9 => 7.0.12 
    @storybook/react-vite: ^7.0.11 => 7.0.12 
    @storybook/testing-library: ^0.0.14-next.2 => 0.0.14-next.2
```


### Additional context

_No response_