Next.js: A propriedade de layout de imagem não existe no TS
Relatório de erro
(JSX attribute) layout: string
No overload matches this call.
Reproduzir
Basta ter o Next em um projeto, importar next/image e tentar usar a proposta de layout assim:
<Background src='/img/header.png' quality={100} layout='fill' />
Comportamento esperado
Um adereço de trabalho que é reconhecido pelo editor.
Capturas de tela
{
"dependencies": {
"next": "10.0.2-canary.4"
}
}
Informação do sistema
- SO: Windows
- Versão de Next.js: 10.0.2-canary.4
- Versão do Node.js: v14.15.0
Contexto adicional
O suporte está funcionando, mas não foi reconhecido pelo editor.
Rechdan
Todos 4 comentários
Seu exemplo diz Background vez de Image . Talvez você esteja usando o componente errado.
Confirmei que layout="fill" funciona corretamente com o TS e ainda oferece a sugestão.
Certifique-se de usar import Image from 'next/image' para importar o componente correto.
styfle
em 11 nov. 2020
@styfle agora acredito ter encontrado o verdadeiro problema, quando utilizo o Image Component com styled-components, os props de layout não aparecem, alguma ideia por quê?
Rechdan
em 11 nov. 2020
Funciona com o uso padrão de import Image from 'next/image' ?
Se sim, então parece um bug com styled-components .
styfle
em 11 nov. 2020
Funciona com a importação padrão, que resolve o problema, obrigado!
Rechdan
em 12 nov. 2020
Questões relacionadas
sospedra
·
3Comentários
renatorib
·
3Comentários
DvirSh
·
3Comentários
knipferrc
·
3Comentários
swrdfish
·
3Comentários
Comentários muito úteis
Funciona com o uso padrão de
import Image from 'next/image'?Se sim, então parece um bug com
styled-components.