Solucionado
Pelo que eu entendo, a propriedade "key" deve ser única para cada
Nessa função, como o javascript / React sabe que estou incrementando a propriedade "index"?
`
{Array.of("Trabalho", "Trabalho", "Estudos").map((categoria, index) => {
return (
<li key={index}>
<div>{categoria}</div>
<CardNota />
</li>
);
})}
`
Boa noite!
Ao usar map e arrow function, o index é incrementado de forma automática depois de cada iteração, ocorrendo até acabar a quantidade de itens da sua lista.
Não é necessário fazer o incremento na mão. Tal função já é realizada para você, diminuindo a necessidade de mais implementação de código.
Bons estudos!