From a52d49921817a159e291d1bbf05e8beaa7b4b8fd Mon Sep 17 00:00:00 2001
From: Alexey Pyltsyn <lex61rus@gmail.com>
Date: Thu, 23 Sep 2021 16:41:12 +0300
Subject: [PATCH] fix: do not use ideal image plugin in dev env (#5540)

* fix: do not use ideal image plugin in dev env

* Back to JS
---
 packages/docusaurus-plugin-ideal-image/src/index.ts        | 7 ++++---
 .../docusaurus-plugin-ideal-image/src/theme/IdealImage.js  | 7 +++++++
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/packages/docusaurus-plugin-ideal-image/src/index.ts b/packages/docusaurus-plugin-ideal-image/src/index.ts
index 2f3b91beff..70d3a6631e 100644
--- a/packages/docusaurus-plugin-ideal-image/src/index.ts
+++ b/packages/docusaurus-plugin-ideal-image/src/index.ts
@@ -14,8 +14,6 @@ export default function (
   _context: LoadContext,
   options: PluginOptions,
 ): Plugin<void> {
-  const isProd = process.env.NODE_ENV === 'production';
-
   return {
     name: 'docusaurus-plugin-ideal-image',
 
@@ -24,6 +22,10 @@ export default function (
     },
 
     configureWebpack(_config: Configuration, isServer: boolean) {
+      if (process.env.NODE_ENV !== 'production') {
+        return {};
+      }
+
       return {
         mergeStrategy: {
           'module.rules': 'prepend',
@@ -38,7 +40,6 @@ export default function (
                   loader: require.resolve('@docusaurus/responsive-loader'),
                   options: {
                     emitFile: !isServer, // don't emit for server-side rendering
-                    disable: !isProd,
                     // eslint-disable-next-line global-require
                     adapter: require('@docusaurus/responsive-loader/sharp'),
                     name: 'assets/ideal-img/[name].[hash:hex:7].[width].[ext]',
diff --git a/packages/docusaurus-plugin-ideal-image/src/theme/IdealImage.js b/packages/docusaurus-plugin-ideal-image/src/theme/IdealImage.js
index 0046177cd9..7679f53bb2 100644
--- a/packages/docusaurus-plugin-ideal-image/src/theme/IdealImage.js
+++ b/packages/docusaurus-plugin-ideal-image/src/theme/IdealImage.js
@@ -4,11 +4,18 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
+
 import React from 'react';
 import IdealImage from '@endiliey/react-ideal-image';
 
 function Image(props) {
   const {alt, className, img} = props;
+
+  // In dev env just use regular img with original file
+  if (img.default) {
+    return <img src={img.default} className={className} alt={alt} {...props} />;
+  }
+
   return (
     <IdealImage
       {...props}