Skip to content

[bug]: Popover component minimal example doen't work #1757

Closed
@userlond

Description

@userlond

What version of design-system are you using?

  • Strapi Design System version: 1.19.0
  • Browser: Google Chrome 126.0.6478.127

What's Wrong?

Minimal example from Storybook gives error:

Error
Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

Check the render method of `ListFilter`.

To Reproduce

import { Popover } from '@strapi/design-system';

const ListFilter = () => {
  return (
    <Popover.Root>
      <Popover.Trigger>
        <button>click me!</button>
      </Popover.Trigger>
      <Popover.Content>
        {/* Your content here! */}
      </Popover.Content>
    </Popover.Root>
  );
};

export default ListFilter;

Simular problem on Strapi forum

Expected Behaviour

Popover component to work.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions