diff --git a/packages/docusaurus-theme-bootstrap/src/theme/ThemedImage/index.tsx b/packages/docusaurus-theme-bootstrap/src/theme/ThemedImage/index.tsx
index 56a9150963..cdd8eb52ab 100644
--- a/packages/docusaurus-theme-bootstrap/src/theme/ThemedImage/index.tsx
+++ b/packages/docusaurus-theme-bootstrap/src/theme/ThemedImage/index.tsx
@@ -24,7 +24,7 @@ const ThemedImage = (props: Props): JSX.Element => {
   const clientThemes: SourceName[] = isDarkTheme ? ['dark'] : ['light'];
 
   const renderedSourceNames: SourceName[] = isClient
-    ? clientTheme
+    ? clientThemes
     : // We need to render both images on the server to avoid flash
       // See https://github.com/facebook/docusaurus/pull/3730
       ['light', 'dark'];
diff --git a/packages/docusaurus-theme-classic/src/theme/ThemedImage/index.tsx b/packages/docusaurus-theme-classic/src/theme/ThemedImage/index.tsx
index af563f7ea6..28bbfffee7 100644
--- a/packages/docusaurus-theme-classic/src/theme/ThemedImage/index.tsx
+++ b/packages/docusaurus-theme-classic/src/theme/ThemedImage/index.tsx
@@ -24,7 +24,7 @@ const ThemedImage = (props: Props): JSX.Element => {
   const clientThemes: SourceName[] = isDarkTheme ? ['dark'] : ['light'];
 
   const renderedSourceNames: SourceName[] = isClient
-    ? clientTheme
+    ? clientThemes
     : // We need to render both images on the server to avoid flash
       // See https://github.com/facebook/docusaurus/pull/3730
       ['light', 'dark'];