diff --git a/app/react/src/server/cra-config.js b/app/react/src/server/cra-config.js
index 83fd5cbbbeab..28f6bf845011 100644
--- a/app/react/src/server/cra-config.js
+++ b/app/react/src/server/cra-config.js
@@ -3,6 +3,7 @@ import path from 'path';
 import semver from 'semver';
 import MiniCssExtractPlugin from 'mini-css-extract-plugin';
 import { normalizeCondition } from 'webpack/lib/RuleSet';
+import { logger } from '@storybook/node-logger';
 
 const cssExtensions = ['.css', '.scss', '.sass'];
 const cssModuleExtensions = ['.module.css', '.module.scss', '.module.sass'];
@@ -42,7 +43,7 @@ export function getReactScriptsPath({ noCache } = {}) {
       }
     }
   } catch (e) {
-    console.warn('Error occured during react-scripts package path resolving.', e);
+    logger.warn(`Error occured during react-scripts package path resolving: ${e}`);
   }
 
   reactScriptsPath = path.join(reactScriptsScriptPath, '../..');