Tioluwani Kolawole tioluwani94
tioluwani94
/ Image.tsx
Created
January 9, 2021 21:03
Integrate NextJs `next/image` with Chakra-UI styling
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { chakra, ThemingProps, useStyleConfig } from '@chakra-ui/react' | |
| import NextImage, { ImageProps as NextImageProps } from 'next/image' | |
| import { ReactElement } from 'react' | |
| import { Sizes } from '../../theme/variables/image' | |
| // TODO review props when NextJs is updated so we don't have to defined it here | |
| /** | |
| * ? Because NextJs typing is preventing auto-suggest for layout, width and height, | |
| * ? we declare the styles differently in this component and will manage the switch | |
| * ? to NextJs typings when calling NextJs `next/image` component |