How to Change Default Browser to Open React JS App

React JS is a popular JavaScript library used for building user interfaces. When you create a React JS app, it may open in a default browser such as Google Chrome, Safari, or Microsoft Edge. However, if you want to change the default browser that opens your React JS app, you can do so by following these simple steps.

Step 1: Locate the “package.json” File

First, open your React JS app’s folder in your code editor or file explorer. Within the app’s root directory, you will find a file called “package.json”. This file contains configuration settings for your React app, including the default browser that opens it.

Step 2: Edit the “package.json” File

Open the “package.json” file in your code editor and look for a section called “browserslist”. This section contains a list of browsers that are compatible with your React app. To change the default browser, simply add or modify the “browserslist” section to include your preferred browser. For example, if you want to use Firefox as the default browser, you can add “firefox” to the list of supported browsers.

Step 3: Save and Close the “package.json” File

Once you have made the necessary changes to the “package.json” file, save the file and close your code editor. Your React JS app will now open in the new default browser that you specified in the “browserslist” section.

Conclusion

Changing the default browser to open your React JS app is a simple process that only requires editing the “package.json” file. By following these steps, you can easily set your preferred browser as the default for opening your React app and enjoy a seamless development experience.