Re-add getImage calls

src/components/homepage/card.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { navigate } from "gatsby";
 
-import { GatsbyImage } from "gatsby-plugin-image";
+import { GatsbyImage, getImage, ImageDataLike } from "gatsby-plugin-image";
 import {
 	createTheme,
 	Card,
@@ -47,6 +47,9 @@ const imageStyle = (theme: Theme) => ({
 });
 export default class HomepageCard extends React.Component<HomepageCardProps, {}> {
 	render(): React.ReactNode {
+		// To make TS happy, use the notNull assertion for dynamicImage as well as getImage's return value.
+		// Also cast dynamicImage to ImageDataLike (mismatched so must cast to unknown first.)
+		const image = getImage(this.props.card.dynamicImage! as unknown as ImageDataLike)!;
 		return (
 			<>
 				<ThemeProvider theme={theme}>

src/components/team/creditEntry.tsx

@@ -17,7 +17,7 @@ import Grid from "@mui/material/Unstable_Grid2/Grid2";
 
 import HtmlReactParser from "html-react-parser";
 
-import { GatsbyImage } from "gatsby-plugin-image";
+import { GatsbyImage, getImage, ImageDataLike } from "gatsby-plugin-image";
 
 type CreditEntryArgs = {
 	member: TeamMemberNode;
@@ -55,6 +55,9 @@ export class CreditEntry extends React.Component<CreditEntryArgs, CreditEntrySta
 			};
 			image.src = this.assetBasePath + this.props.member.picturePath;
 		}
+		// To make TS happy, use the notNull assertion for dynamicImage as well as getImage's return value.
+		// Also cast dynamicImage to ImageDataLike (mismatched so must cast to unknown first.)
+		const image = getImage(this.props.member.dynamicImage! as unknown as ImageDataLike)!;
 		return (
 			<div style={{ padding: 16 }}>
 				<Card raised>