Skip to content

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

@Dburrall

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

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