Skip to main content
Algumas tags HTML são renderizadas. Use a formatação do código para incluí-las.
Fonte Link

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 (<a>) 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>

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>

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 (<a>) 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>
Fonte Link

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>