asyncapi / asyncapi/generator

[BUG] React warning: missing key prop in AvailableOperations component during integration tests

Open
#1,820 20 comments 0 reactions 1 assignee Claimed by @Adi-204 View on GitHub
bug
Dominant language
JavaScript
Stars
1.1k
Forks
397
Avg merge
1d 7h
Merged PRs (30d)
25

Description

### Describe the bug.

During template integration tests, React logs the following warning:

> Warning: Each child in a list should have a unique "key" prop.

This warning originates from the `AvailableOperations` component used in generator templates.
Although all tests pass, the warning is printed in CI logs, adding noise and violating standard React best practices.

### Expected behavior

Template generation and integration tests should not emit React warnings.
All React components used as render engines should correctly provide `key` props when rendering lists.

### Screenshots

Image

### How to Reproduce

1. Clone the asyncapi/generator repository
2. Install dependencies:
npm install
3. Build the workspace packages:
npm run build
4. Run the integration tests:
npm test

### 🖥️ Device Information [optional]

- Operating System (OS): Ubuntu 22.04 (WSL2 on Windows)
- Browser:
- Browser Version:

### 👀 Have you checked for similar open issues?

- [x] I checked and didn't find similar issue

### 🏢 Have you read the Contributing Guidelines?

- [x] I have read the [Contributing Guidelines](https://github.com/asyncapi/.github/blob/master/CONTRIBUTING.md)

### Are you willing to work on this issue ?

Yes I am willing to submit a PR!

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.