Stop using defaultProps for LazyLoadedImage

src/components/IIIFThumbnail.js

@@ -1,7 +1,6 @@
 import {
   Component, useMemo, useEffect, useState,
 } from 'react';
-import PropTypes from 'prop-types';
 import { styled } from '@mui/material/styles';
 import { useInView } from 'react-intersection-observer';
 import getThumbnail from '../lib/ThumbnailFactory';
@@ -22,7 +21,7 @@
  * try to load the image (or even calculate that the image url/height/width are)
  */
 const LazyLoadedImage = ({
-  border, placeholder, style = {}, thumbnail, resource, maxHeight, maxWidth, thumbnailsConfig, ...props
+  placeholder, style = {}, thumbnail, resource, maxHeight, maxWidth, thumbnailsConfig = {}, border = false, ...props
 }) => {
   const { ref, inView } = useInView();
   const [loaded, setLoaded] = useState(false);
@@ -114,28 +113,6 @@
   );
 };
 
-LazyLoadedImage.propTypes = {
-  border: PropTypes.bool,
-  maxHeight: PropTypes.number.isRequired,
-  maxWidth: PropTypes.number.isRequired,
-  placeholder: PropTypes.string.isRequired,
-  resource: PropTypes.object.isRequired, // eslint-disable-line react/forbid-prop-types
-  style: PropTypes.object, // eslint-disable-line react/forbid-prop-types
-  thumbnail: PropTypes.shape({
-    height: PropTypes.number,
-    url: PropTypes.string.isRequired,
-    width: PropTypes.number,
-  }),
-  thumbnailsConfig: PropTypes.object, // eslint-disable-line react/forbid-prop-types
-};
-
-LazyLoadedImage.defaultProps = {
-  border: false,
-  style: {},
-  thumbnail: null,
-  thumbnailsConfig: {},
-};
-
 /**
  * Uses InteractionObserver to "lazy" load canvas thumbnails that are in view.
  */
@@ -197,8 +174,8 @@
 }
 
 IIIFThumbnail.propTypes = {
   border: PropTypes.bool,
   children: PropTypes.node,
   imagePlaceholder: PropTypes.string,
   label: PropTypes.string,
   labelled: PropTypes.bool,