Skip to content

Using multipe instances of the component on different pages gives key error #1

Description

@Dburrall

Using this on a project using NextJs with typescript:

When I use this component on multiple pages, I'm met with an error:

"Encountered two children with the same key, 0. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted — the behavior is unsupported and could change in a future version."

I'm guessing because every time I use this component, it's starting off at key 0 even if it is on different pages. It will eventually cut the component into two (seen below) and keep doing that over and over.

Image

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions