Documentation edits made through Mintlify web editor

Author: benitav

client-sdk-references/react-native-and-expo/react-native-web-support.mdx

@@ -7,24 +7,20 @@ title: "React Native Web Support"
 Support for React Native Web is available since versions 1.12.1 of the [PowerSync React Native SDK](/client-sdk-references/react-native-and-expo) and 1.8.0 if the [JavaScript/Web SDK](/client-sdk-references/javascript-web), and is currently in a **beta** release.
 
 A demo app showcasing this functionality is available here:
-<Card
-  title="powersync-js/demos/react-native-web-supabase-todolist"
-  icon="github"
-  href="https://github.com/powersync-ja/powersync-js/tree/main/demos/react-native-web-supabase-todolist"
-  horizontal
-/>
+
+<Card title="powersync-js/demos/react-native-web-supabase-todolist" icon="github" href="https://github.com/powersync-ja/powersync-js/tree/main/demos/react-native-web-supabase-todolist" horizontal />
 
 ## Configuring PowerSync in your React Native for Web project
 
 To ensure that PowerSync features are fully supported in your React Native Web project, follow the below steps. This documentation covers necessary web worker configurations, database instantiation, and multi-platform implementations.
 
-### 1\. Install Web SDK
+### 1. Install Web SDK
 
 The [PowerSync Web SDK](/client-sdk-references/javascript-web), alongside the [PowerSync React Native SDK](/client-sdk-references/react-native-and-expo), is required for Web support.
 
 See installation instructions [here](https://www.npmjs.com/package/@powersync/web).
 
-### 2\. Configure Web Workers
+### 2. Configure Web Workers
 
 For React Native for Web, workers need to be configured when instantiating `PowerSyncDatabase`. An example of this is available [here](https://github.com/powersync-ja/powersync-js/blob/main/demos/react-native-web-supabase-todolist/library/powersync/system.ts).
 
@@ -33,11 +29,12 @@ To do this, copy the contents of `node_modules/@powersync/web/dist` to the root
 The [`@powersync/web`](https://github.com/powersync-ja/powersync-js/tree/main/packages/web) package includes a CLI utility which can copy the required assets to the `public` directory (configurable with the `--output` option).
 
 ```bash
-npx powersync-web copy-assets # Places assets into public/@powersync by default. Override with `--output path/from_current_working_dir`.
+# Places assets into public/@powersync by default. Override with `--output path/from_current_working_dir`.
+npx powersync-web copy-assets
 # or pnpm powersync-web copy-assets
 ```
 
-### 3\. Instantiate Web Workers
+### 3. Instantiate Web Workers
 
 The example below demonstrates how to instantiate the workers (PowerSync requires a database and a sync worker) when instantiating `PowerSyncDatabase`. You can either specify a path to the worker (they are available in the `worker` directory of the `dist` contents), or provide a factory function to create the worker.
 
@@ -83,7 +80,7 @@ this.powersync = new PowerSyncDatabaseWeb({
 
 This `PowerSyncDatabaseWeb` database will be used alongside the native `PowerSyncDatabase` to support platform-specific implementations. See the [Instantiating PowerSync](/client-sdk-references/react-native-and-expo/react-native-web-support#implementations) section below for more details.
 
-### 4\. Enable multiple platforms
+### 4. Enable multiple platforms
 
 To target both mobile and web platforms, you need to adjust the Metro configuration and handle platform-specific libraries accordingly.
 
@@ -193,6 +190,7 @@ export async function prompt(
 ```
 
 Which can then be used agnostically in a component.
+
 ```js
 import { Button } from 'react-native';
 import { prompt } from 'util/prompt';
@@ -215,15 +213,17 @@ import { prompt } from 'util/prompt';
   }}
 />;
 ```
-### 5\. Configure UMD target
+
+### 5. Configure UMD target
 
 React Native Web requires the UMD target of `@powersync/web` (available at `@powersync/web/umd`). To fully support this target version, configure the following in your project:
 
 1. Add `config.resolver.unstable_enablePackageExports = true;` to your `metro.config.js` file.
+
 2. TypeScript projects: In the `tsconfig.json` file specify the `moduleResolution` to be `Bundler`.
 
 ```json
  "compilerOptions": {
     "moduleResolution": "Bundler"
   }
-```
+```