fix: add support for React 18

browniebroke · Jun 22, 2022 · 17c7f86 · 17c7f86
1 parent da265a4
commit 17c7f86
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/gatsby-image-gallery/src/image-col-wrapper.tsx b/gatsby-image-gallery/src/image-col-wrapper.tsx
@@ -1,21 +1,22 @@
-import React, { FC } from 'react'
+import React from 'react'
 import Col from './column'
 import ImgWrapper from './img-wrapper'
 
 interface ImageColWrapperProps {
+  children?: React.ReactNode
   colWidth: number
   mdColWidth: number
   onClick: () => void
   gutter: string
 }
 
-const ImageColWrapper: FC<ImageColWrapperProps> = ({
+const ImageColWrapper = ({
   children,
   colWidth,
   mdColWidth,
   onClick,
   gutter,
-}) => {
+}: ImageColWrapperProps) => {
   return (
     <Col width={colWidth} md={mdColWidth} onClick={onClick}>
       <ImgWrapper margin={gutter}>{children}</ImgWrapper>

diff --git a/gatsby-image-gallery/test/index.test.tsx b/gatsby-image-gallery/test/index.test.tsx
@@ -167,6 +167,7 @@ describe('Gallery component', () => {
 
   describe('custom wrapper', () => {
     const CustomWrapper: React.FC<{
+      children?: React.ReactNode
       onClick?: () => void
     }> = ({ children, onClick }) => <div onClick={onClick}>{children}</div>