Use regex to check relative path to package.json

Author: iamdoron

packages/react-dev-utils/ModuleScopePlugin.js

@@ -44,18 +44,11 @@ class ModuleScopePlugin {
         path.dirname(request.context.issuer),
         request.__innerRequest_request
       );
-      const requestRelativeToRoot = path.relative(
-        request.descriptionFileRoot,
-        requestFullPath
-      );
-      if (
-        requestRelativeToRoot === 'package.json' ||
-        requestRelativeToRoot === 'package'
-      ) {
+      const requestRelative = path.relative(appSrc, requestFullPath);
+      if (/^(..[/|\\])+package(.json)?$/.test(requestRelative)) {
         return callback();
       }
       // Find path from src to the requested file
-      const requestRelative = path.relative(appSrc, requestFullPath);
       // Error if in a parent directory of src/
       if (
         requestRelative.startsWith('../') || requestRelative.startsWith('..\\')

packages/react-scripts/template/src/App.js

@@ -1,7 +1,6 @@
 import React, { Component } from 'react';
 import logo from './logo.svg';
 import './App.css';
-import { version, name } from '../../package.json';
 
 class App extends Component {
   render() {
@@ -10,7 +9,6 @@ class App extends Component {
         <div className="App-header">
           <img src={logo} className="App-logo" alt="logo" />
           <h2>Welcome to React</h2>
-          <p>{`${name} v${version}`}</p>
         </div>
         <p className="App-intro">
           To get started, edit <code>src/App.js</code> and save to reload.