Error in start

Author: andrelmlins

packages/react-library-scripts/package.json

@@ -20,6 +20,7 @@
     "@babel/preset-env": "^7.6.3",
     "@babel/preset-react": "^7.6.3",
     "babel-plugin-module-resolver": "^3.2.0",
+    "babel-preset-react-app": "^9.0.2",
     "html-webpack-plugin": "^3.2.0",
     "open": "^7.0.0",
     "webpack": "^4.41.2",

packages/react-library-scripts/scripts/start.js

@@ -7,7 +7,7 @@ const Webpack = require("webpack");
 const WebpackDevServer = require("webpack-dev-server");
 const open = require("open");
 const config = require("../configs/webpack.config.js");
-const verifyPort = require("../utils/verifyPort");
+const portChecker = require("../utils/portChecker");
 const resolverPath = require("../utils/resolverPath");
 
 const APP_PATH = resolverPath("src/dev");
@@ -19,8 +19,7 @@ const server = new WebpackDevServer(compiler, {
 });
 
 const PORT = process.env.PORT || 3000;
-const baseUrl = "http://localhost";
 
-verifyPort(PORT, baseUrl, newPort => {
-  server.listen(newPort, "localhost", () => open(`${baseUrl}:${newPort}`));
-});
+portChecker(PORT, newPort =>
+  server.listen(newPort, "localhost", () => open(`http://localhost:${newPort}`))
+);

packages/react-library-scripts/utils/portChecker.js

@@ -1,15 +1,17 @@
+"use strict";
+
 const net = require("net");
 
-const portChecker = (port, base, callback) => {
+const portChecker = (port, callback) => {
   const server = net.createServer(socket => {
     socket.write("Echo server\r\n");
     socket.pipe(socket);
   });
 
-  server.listen(port, base);
+  server.listen(port, "127.0.0.1");
 
   server.on("error", () => {
-    portChecker(port + 1, base, newPort => callback(newPort));
+    portChecker(port + 1, newPort => callback(newPort));
   });
 
   server.on("listening", () => {