Skip to content

Menu: error when using multiples Menu component #2073

@emerson-paiva

Description

@emerson-paiva

Problem

When using multiple Menu components I receive the following error:

### Error
Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.
  • I'm not sure if the error comes from the shoreline or the ariakit used by the shoreline.
  • In the example attached I the Menu should appear to the user on hover

Expected behavior

Not show errors

Reproducible Example

https://codesandbox.io/p/sandbox/shoreline-disabled-2jxclc

Suggested solution

No response

Additional context

No response

Package

@vtex/shoreline

Packages version

1.11.18

Browser

No response

Package Manager

pnpm

Metadata

Metadata

Assignees

Labels

bugSomething isn't workingdevIndicates that the issue or pull request involves engineering considerationsdev wantedIndicates that additional help or expertise from engineering is needed to address the issue.

Type

No type

Projects

Status

Discussing

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions