diff --git a/packages/webpack-plugin/lib/runtime/components/react/mpx-async-suspense.tsx b/packages/webpack-plugin/lib/runtime/components/react/mpx-async-suspense.tsx
index f5da3bdbcb..cd7b4639d0 100644
--- a/packages/webpack-plugin/lib/runtime/components/react/mpx-async-suspense.tsx
+++ b/packages/webpack-plugin/lib/runtime/components/react/mpx-async-suspense.tsx
@@ -82,7 +82,8 @@ const DefaultFallback = ({ onReload }: DefaultFallbackProps) => {
 
 const DefaultLoading = () => {
   // eslint-disable-next-line @typescript-eslint/no-var-requires
-  const FastImage = require('@d11/react-native-fast-image')
+  const FastImageModule = require('@d11/react-native-fast-image')
+  const FastImage = FastImageModule.default || FastImageModule
   return (
     <View style={styles.container}>
       <FastImage
diff --git a/packages/webpack-plugin/lib/runtime/components/react/utils.tsx b/packages/webpack-plugin/lib/runtime/components/react/utils.tsx
index 10d6f014f1..b50618dba2 100644
--- a/packages/webpack-plugin/lib/runtime/components/react/utils.tsx
+++ b/packages/webpack-plugin/lib/runtime/components/react/utils.tsx
@@ -755,10 +755,14 @@ export function getCurrentPage (pageId: number | null | undefined) {
 
 export function renderImage (
   imageProps: ImageProps | FastImageProps,
-  enableFastImage = false
+  enableFastImage = true
 ) {
-  // eslint-disable-next-line @typescript-eslint/no-var-requires
-  const Component: React.ComponentType<ImageProps | FastImageProps> = enableFastImage ? require('@d11/react-native-fast-image') : Image
+  let Component: React.ComponentType<ImageProps | FastImageProps> = Image
+  if (enableFastImage) {
+    // eslint-disable-next-line @typescript-eslint/no-var-requires
+    const fastImageModule = require('@d11/react-native-fast-image')
+    Component = fastImageModule.default || fastImageModule
+  }
   return createElement(Component, imageProps)
 }