Get key props error with custom component

[anujshah108]

const FeedbackFileUpload = () => {
  return (
    <FileUploaderDropzone>
      <FileUploaderIcon>
        <Publish />
      </FileUploaderIcon>
      <FileUploaderTitle variant="subtitle2">
        Drag and Drop Files
      </FileUploaderTitle>
      <FileUploaderBrowse variant="subtitle1">Browse Files</FileUploaderBrowse>
    </FileUploaderDropzone>
  );
};

I have this custom component that I insert into inputContent

   <Dropzone
      // disabled={Boolean(response || loading)}
        key={dropzoneKey}
        onChangeStatus={handleChangeStatus}
        submitButtonDisabled={true}
        inputContent={<FeedbackFileUpload />}
      />

I get the error:

index.js:1 Warning: Each child in a list should have a unique "key" prop. See https://reactjs.org/link/warning-keys for more information. at label at O (http://localhost:3000/static/js/vendors~main.chunk.js:246033:15) at div

Any help?

[shahednasser]

Thank you so much!

@all-contributors please add @AlacritousCreature for doc

[allcontributors[bot]]

@shahednasser

I've put up a pull request to add @AlacritousCreature! :tada:

[AlacritousCreature]

Thank you! :D