Change JSX.Element to ReactNode

Author: mnightingale

src/index.tsx

@@ -14,7 +14,7 @@
  */
 
 // Load dependencies.
-import React from 'react'
+import React, { ReactNode } from 'react'
 import PropTypes from 'prop-types'
 import FileSystemFactory, { CacheFileInfo, FileSystem } from './FileSystem'
 import traverse from 'traverse'
@@ -43,7 +43,7 @@ export interface ReactNativeImageCacheHocProps {
 
   style?: StyleProp<ImageStyle>
 
-  placeholder?: JSX.Element
+  placeholder?: ReactNode
 }
 
 export interface ReactNativeImageCacheHocState {
@@ -56,7 +56,7 @@ export interface ReactNativeImageCacheHocOptions {
   fileHostWhitelist?: string[]
   cachePruneTriggerLimit?: number // Maximum size of image file cache in bytes before pruning occurs. Defaults to 15 MB.
   fileDirName?: string | null // Namespace local file writing to this directory. Defaults to 'react-native-image-cache-hoc'.
-  defaultPlaceholder?: JSX.Element | null
+  defaultPlaceholder?: ReactNode | null
 }
 
 const imageCacheHoc = <P extends object>(
@@ -77,7 +77,7 @@ const imageCacheHoc = <P extends object>(
     throw new Error('fileDirName option must be string')
   }
   if (options.defaultPlaceholder && typeof options.defaultPlaceholder !== 'object') {
-    throw new Error('defaultPlaceholder option must be a JSX.Element')
+    throw new Error('defaultPlaceholder option must be a ReactNode')
   }
 
   return class extends React.PureComponent<

tests/CacheableImage.test.tsx

@@ -48,7 +48,7 @@ describe('CacheableImage', function () {
       imageCacheHoc(Image, {
         defaultPlaceholder: 5478329 as any,
       }),
-    ).toThrow('defaultPlaceholder option must be a JSX.Element')
+    ).toThrow('defaultPlaceholder option must be a ReactNode')
 
     const validOptions: ReactNativeImageCacheHocOptions = {
       validProtocols: ['http', 'https'],