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?

[audree1]

I starting receiving that warning as well.

[diegolego]

Same problem. Just add a unique key to each "inputContent" element. That will make the warning disappear.