Tive um problema parecido com este utilizando o Material-UI 1.0-beta. O problema que você está tendo é pelo fato de você estar renderizando uma tag do tipo link () uma dentro da outra, o que é uma inválida marcação HTML e o React dá este warning
. Veja esta parte do teu código:
let dropdownBtnOpts = [{
text: 'Editar',
to: '/admin/pages/' + page._id + '/edit',
icon: 'edit'
},
e logo abaixo você renderiza o componente DropdownButton
que pelo que me parece é um componente que gera Link
.
Se você observar, na árvore de componentes gerada que você colocou aqui está a exatamente a marcação HTML problemática:
<Link to=''>
<Link to='/url'></Link>
</Link>
Como pode ver, aí é um Link
dentro do outro e isto é inválido. Para contornar isto, mude o que o tipo de componente mais externo para, por exemplo, uma div
.
Então uma saída válida deveria ser:
<div>
<Link to='/url'></Link>
</div>