In order to run the application you developed with React Native as both a website and a mobile application, using EXPO, the framework of React Native, would be the right decision for your goal.

Terminal Installation:

Use the 'npx create-expo-app' command to create a new Expo project.

Run 'npx create-expo-app --template' to see a list of available templates.

Optionally, you can select a "Blank" or "Navigation" project from the templates, and choose "TypeScript" as the programming language.

Run:

The 'yarn' command installs the necessary modules in the project.

Start the Expo server with the 'expo start' command.

Select the platform to run on by using the corresponding button: 'i' for iOS, 'a' for Android, 'w' for Web.

For detailed installation and review, refer to the Expo documentation.

Project Output Transactions:

Creating a Build File:

The build file is created with the 'expo build:web' command. The build files are located in the web-build folder within the module directory.

While performing build or run operations in Expo Web projects, you may encounter the error: 'Error: error:0308010C:digital envelope routines::unsupported'.

Solution Processes:

Run the command 'export NODE_OPTIONS=--openssl-legacy-provider' before performing build or run operations.

I have a two-part solution, but I still don't know if this is the canonical way it should be done.

First, in package.json change the homepage property to just a dot (i.e. "homepage": "."). This makes file references relative to the current directory. I've seen some people argue against doing this, but it seems to work.

Second, where your screens are defined use a variable for the root path. For example:

import { Platform } from 'react-native';

var baseURL = '';
if (Platform.OS == 'web') baseURL = '/subfolder';

const linking: LinkingOptions<RootStackParamList> = {
  prefixes: [Linking.createURL('/')],
  config: {
    screens: {
      Root: {
        path: baseURL, // <- This line was added
        screens: {
          TabOne: {
            screens: {
              TabOneScreen: 'one',
            },
          },
          TabTwo: {
            screens: {
              TabTwoScreen: 'two',
            },
          },
        },
      },
      Modal: 'modal',
      NotFound: '*',
    },
  }
};