diff --git a/packages/frontend/src/components/MkImgWithBlurhash.vue b/packages/frontend/src/components/MkImgWithBlurhash.vue
index 9c1f6f1c9e..e3a0a371b4 100644
--- a/packages/frontend/src/components/MkImgWithBlurhash.vue
+++ b/packages/frontend/src/components/MkImgWithBlurhash.vue
@@ -5,15 +5,14 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 <template>
 <div ref="root" :class="['chromatic-ignore', $style.root, { [$style.cover]: cover }]" :title="title ?? ''">
-	<MkTransitionGroup
-		:animate="prefer.s.animation && props.transition != null"
-		:duration="props.transition?.duration"
-		:enterActiveClass="props.transition?.enterActiveClass"
-		:leaveActiveClass="(props.transition?.leaveActiveClass ?? $style.transition_leaveActive)"
-		:enterFromClass="props.transition?.enterFromClass"
-		:leaveToClass="props.transition?.leaveToClass"
-		:enterToClass="props.transition?.enterToClass"
-		:leaveFromClass="props.transition?.leaveFromClass"
+	<TransitionGroup
+		:duration="prefer.s.animation && props.transition?.duration || undefined"
+		:enterActiveClass="prefer.s.animation && props.transition?.enterActiveClass || undefined"
+		:leaveActiveClass="prefer.s.animation && (props.transition?.leaveActiveClass ?? $style.transition_leaveActive) || undefined"
+		:enterFromClass="prefer.s.animation && props.transition?.enterFromClass || undefined"
+		:leaveToClass="prefer.s.animation && props.transition?.leaveToClass || undefined"
+		:enterToClass="prefer.s.animation && props.transition?.enterToClass || undefined"
+		:leaveFromClass="prefer.s.animation && props.transition?.leaveFromClass || undefined"
 	>
 		<canvas
 			v-show="hide"
@@ -43,7 +42,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 			tabindex="-1"
 			style="-webkit-user-drag: none;"
 		/>
-	</MkTransitionGroup>
+	</TransitionGroup>
 </div>
 </template>