From 17c7f86e711a76b21a57bf09e96543f7105adf74 Mon Sep 17 00:00:00 2001
From: Bruno Alla <alla.brunoo@gmail.com>
Date: Wed, 22 Jun 2022 20:39:59 +0100
Subject: [PATCH] fix: add support for React 18

---
 gatsby-image-gallery/src/image-col-wrapper.tsx | 7 ++++---
 gatsby-image-gallery/test/index.test.tsx       | 1 +
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/gatsby-image-gallery/src/image-col-wrapper.tsx b/gatsby-image-gallery/src/image-col-wrapper.tsx
index 8c229b43..18cf3b5c 100644
--- 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
index 288af64c..b8ef8fbc 100644
--- 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>