diff --git a/apps/multiple-parcels-same-config/child/project.json b/apps/multiple-parcels-same-config/child/project.json
new file mode 100644
index 00000000..3fede48d
--- /dev/null
+++ b/apps/multiple-parcels-same-config/child/project.json
@@ -0,0 +1,77 @@
+{
+  "name": "multiple-parcels-same-config-child",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "projectType": "application",
+  "sourceRoot": "apps/multiple-parcels-same-config/child/src",
+  "prefix": "single-spa-angular",
+  "targets": {
+    "build": {
+      "executor": "@angular-builders/custom-webpack:browser",
+      "options": {
+        "customWebpackConfig": {
+          "libraryTarget": "system",
+          "excludeAngularDependencies": true,
+          "path": "apps/multiple-parcels-same-config/child/webpack.config.ts"
+        },
+        "outputPath": "dist/apps/multiple-parcels-same-config-child",
+        "index": "apps/multiple-parcels-same-config/child/src/index.html",
+        "main": "apps/multiple-parcels-same-config/child/src/main.single-spa.ts",
+        "tsConfig": "apps/multiple-parcels-same-config/child/tsconfig.app.json",
+        "aot": true,
+        "assets": ["apps/multiple-parcels-same-config/child/src/favicon.ico", "apps/multiple-parcels-same-config/child/src/assets"],
+        "styles": ["apps/multiple-parcels-same-config/child/src/styles.scss"],
+        "deployUrl": "http://localhost:9000/"
+      },
+      "configurations": {
+        "development": {
+          "buildOptimizer": false,
+          "optimization": false,
+          "vendorChunk": true,
+          "extractLicenses": false,
+          "sourceMap": true,
+          "namedChunks": true
+        },
+        "production": {
+          "fileReplacements": [
+            {
+              "replace": "apps/multiple-parcels-same-config/child/src/environments/environment.ts",
+              "with": "apps/multiple-parcels-same-config/child/src/environments/environment.prod.ts"
+            }
+          ],
+          "optimization": true,
+          "outputHashing": "none",
+          "sourceMap": false,
+          "namedChunks": false,
+          "extractLicenses": true,
+          "vendorChunk": false,
+          "buildOptimizer": true,
+          "budgets": [
+            {
+              "type": "initial",
+              "maximumWarning": "2mb",
+              "maximumError": "5mb"
+            },
+            {
+              "type": "anyComponentStyle",
+              "maximumWarning": "6kb",
+              "maximumError": "10kb"
+            }
+          ]
+        }
+      },
+      "defaultConfiguration": "production"
+    },
+    "serve": {
+      "executor": "@angular-builders/custom-webpack:dev-server",
+      "options": {
+        "browserTarget": "multiple-parcels-same-config-child:build:development"
+      },
+      "configurations": {
+        "production": {
+          "browserTarget": "multiple-parcels-same-config-child:build:production"
+        }
+      }
+    }
+  },
+  "tags": []
+}
diff --git a/apps/multiple-parcels-same-config/child/src/app/app-routing.module.ts b/apps/multiple-parcels-same-config/child/src/app/app-routing.module.ts
new file mode 100755
index 00000000..ad10774a
--- /dev/null
+++ b/apps/multiple-parcels-same-config/child/src/app/app-routing.module.ts
@@ -0,0 +1,15 @@
+import { APP_BASE_HREF } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { EmptyRouteComponent } from './empty-route/empty-route.component';
+
+const routes: Routes = [
+  { path: '**', component: EmptyRouteComponent }
+];
+
+@NgModule({
+  imports: [RouterModule.forRoot(routes)],
+  exports: [RouterModule],
+  providers: [{ provide: APP_BASE_HREF, useValue: '/' }]
+})
+export class AppRoutingModule { }
diff --git a/apps/multiple-parcels-same-config/child/src/app/app.component.html b/apps/multiple-parcels-same-config/child/src/app/app.component.html
new file mode 100644
index 00000000..971fbd39
--- /dev/null
+++ b/apps/multiple-parcels-same-config/child/src/app/app.component.html
@@ -0,0 +1,4 @@
+<div class="parcel-same-config">
+    <p>parcel name: {{props.name}}</p>
+    <p>time now is {{time}}</p>
+</div>
\ No newline at end of file
diff --git a/apps/multiple-parcels-same-config/child/src/app/app.component.ts b/apps/multiple-parcels-same-config/child/src/app/app.component.ts
new file mode 100644
index 00000000..8d79e319
--- /dev/null
+++ b/apps/multiple-parcels-same-config/child/src/app/app.component.ts
@@ -0,0 +1,26 @@
+import { Component } from '@angular/core';
+import { singleSpaPropsSubject } from '../single-spa/single-spa-props';
+import { first } from 'rxjs';
+
+@Component({
+  selector: 'multiple-parcels-same-config-child',
+  templateUrl: './app.component.html'
+})
+export class AppComponent {
+  constructor() {}
+
+  props: any = null;
+  time: number = Date.now();
+
+  ngOnInit() {
+    singleSpaPropsSubject
+      .pipe(first())
+      .subscribe((props) => {
+        this.props = props;
+      });
+
+    setInterval(() => {
+      this.time = Date.now();
+    }, 1000);
+  }
+}
diff --git a/apps/multiple-parcels-same-config/child/src/app/app.module.ts b/apps/multiple-parcels-same-config/child/src/app/app.module.ts
new file mode 100644
index 00000000..097863ad
--- /dev/null
+++ b/apps/multiple-parcels-same-config/child/src/app/app.module.ts
@@ -0,0 +1,21 @@
+import { ApplicationRef, DoBootstrap, NgModule } from '@angular/core';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { APP_BASE_HREF } from '@angular/common';
+
+import { AppComponent } from './app.component';
+import { AppRoutingModule } from './app-routing.module';
+import { EmptyRouteComponent } from './empty-route/empty-route.component';
+
+export const AppModule = (name: string) => {
+  @NgModule({
+    declarations: [AppComponent, EmptyRouteComponent],
+    imports: [BrowserAnimationsModule, AppRoutingModule],
+    providers: [],
+  })
+  class AppModule implements DoBootstrap {
+    ngDoBootstrap(appRef: ApplicationRef) {
+      appRef.bootstrap(AppComponent, `multiple-parcels-same-config-child-${name}`);
+    }
+  }
+  return AppModule;
+}
diff --git a/apps/multiple-parcels-same-config/child/src/app/empty-route/empty-route.component.ts b/apps/multiple-parcels-same-config/child/src/app/empty-route/empty-route.component.ts
new file mode 100755
index 00000000..b8380398
--- /dev/null
+++ b/apps/multiple-parcels-same-config/child/src/app/empty-route/empty-route.component.ts
@@ -0,0 +1,7 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app1-empty-route',
+  template: '',
+})
+export class EmptyRouteComponent {}
diff --git a/apps/multiple-parcels-same-config/child/src/assets/.gitkeep b/apps/multiple-parcels-same-config/child/src/assets/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/apps/multiple-parcels-same-config/child/src/environments/environment.prod.ts b/apps/multiple-parcels-same-config/child/src/environments/environment.prod.ts
new file mode 100644
index 00000000..c9669790
--- /dev/null
+++ b/apps/multiple-parcels-same-config/child/src/environments/environment.prod.ts
@@ -0,0 +1,3 @@
+export const environment = {
+  production: true,
+};
diff --git a/apps/multiple-parcels-same-config/child/src/environments/environment.ts b/apps/multiple-parcels-same-config/child/src/environments/environment.ts
new file mode 100644
index 00000000..a20cfe55
--- /dev/null
+++ b/apps/multiple-parcels-same-config/child/src/environments/environment.ts
@@ -0,0 +1,3 @@
+export const environment = {
+  production: false,
+};
diff --git a/apps/multiple-parcels-same-config/child/src/favicon.ico b/apps/multiple-parcels-same-config/child/src/favicon.ico
new file mode 100644
index 00000000..997406ad
Binary files /dev/null and b/apps/multiple-parcels-same-config/child/src/favicon.ico differ
diff --git a/apps/multiple-parcels-same-config/child/src/index.html b/apps/multiple-parcels-same-config/child/src/index.html
new file mode 100644
index 00000000..27968ca3
--- /dev/null
+++ b/apps/multiple-parcels-same-config/child/src/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>AngularMultipleParcelsSameConfigChild</title>
+    <base href="/" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/x-icon" href="favicon.ico" />
+  </head>
+  <body>
+    <multiple-parcels-same-config-child-root></multiple-parcels-same-config-child-root>
+  </body>
+</html>
diff --git a/apps/multiple-parcels-same-config/child/src/main.single-spa.ts b/apps/multiple-parcels-same-config/child/src/main.single-spa.ts
new file mode 100644
index 00000000..72756bcd
--- /dev/null
+++ b/apps/multiple-parcels-same-config/child/src/main.single-spa.ts
@@ -0,0 +1,31 @@
+import { NgZone } from '@angular/core';
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import { NavigationStart, Router } from '@angular/router';
+import { singleSpaAngular, getSingleSpaExtraProviders, enableProdMode } from 'single-spa-angular';
+
+import { AppModule } from './app/app.module';
+import { environment } from './environments/environment';
+import { singleSpaPropsSubject } from './single-spa/single-spa-props';
+
+if (environment.production) {
+  enableProdMode();
+}
+
+const lifecycles = singleSpaAngular({
+  bootstrapFunction: singleSpaProps => {
+    singleSpaPropsSubject.next(singleSpaProps);
+    return platformBrowserDynamic(getSingleSpaExtraProviders()).bootstrapModule(
+      AppModule(singleSpaProps.name)
+    );
+  },
+  template: singleSpaProps => {
+    return `<multiple-parcels-same-config-child-${singleSpaProps.name} />`;
+  },
+  NgZone,
+  Router,
+  NavigationStart,
+});
+
+export const bootstrap = lifecycles.bootstrap;
+export const mount = lifecycles.mount;
+export const unmount = lifecycles.unmount;
diff --git a/apps/multiple-parcels-same-config/child/src/single-spa/asset-url.ts b/apps/multiple-parcels-same-config/child/src/single-spa/asset-url.ts
new file mode 100644
index 00000000..d8cb3be3
--- /dev/null
+++ b/apps/multiple-parcels-same-config/child/src/single-spa/asset-url.ts
@@ -0,0 +1,12 @@
+// In single-spa, the assets need to be loaded from a dynamic location,
+// instead of hard coded to `/assets`. We use webpack public path for this.
+// See https://webpack.js.org/guides/public-path/#root
+
+export function assetUrl(url: string): string {
+  // @ts-ignore
+  const publicPath = __webpack_public_path__;
+  const publicPathSuffix = publicPath.endsWith('/') ? '' : '/';
+  const urlPrefix = url.startsWith('/') ? '' : '/';
+
+  return `${publicPath}${publicPathSuffix}assets${urlPrefix}${url}`;
+}
diff --git a/apps/multiple-parcels-same-config/child/src/single-spa/single-spa-props.ts b/apps/multiple-parcels-same-config/child/src/single-spa/single-spa-props.ts
new file mode 100644
index 00000000..fc133a22
--- /dev/null
+++ b/apps/multiple-parcels-same-config/child/src/single-spa/single-spa-props.ts
@@ -0,0 +1,8 @@
+import { ReplaySubject } from 'rxjs';
+import { AppProps } from 'single-spa';
+
+export const singleSpaPropsSubject = new ReplaySubject<SingleSpaProps>(1);
+
+// Add any custom single-spa props you have to this type def
+// https://single-spa.js.org/docs/building-applications.html#custom-props
+export type SingleSpaProps = AppProps & Record<string, unknown>;
diff --git a/apps/multiple-parcels-same-config/child/src/styles.scss b/apps/multiple-parcels-same-config/child/src/styles.scss
new file mode 100644
index 00000000..90d4ee00
--- /dev/null
+++ b/apps/multiple-parcels-same-config/child/src/styles.scss
@@ -0,0 +1 @@
+/* You can add global styles to this file, and also import other style files */
diff --git a/apps/multiple-parcels-same-config/child/tsconfig.app.json b/apps/multiple-parcels-same-config/child/tsconfig.app.json
new file mode 100644
index 00000000..79f5c904
--- /dev/null
+++ b/apps/multiple-parcels-same-config/child/tsconfig.app.json
@@ -0,0 +1,4 @@
+{
+  "extends": "./tsconfig.json",
+  "files": ["src/main.single-spa.ts"]
+}
diff --git a/apps/multiple-parcels-same-config/child/tsconfig.json b/apps/multiple-parcels-same-config/child/tsconfig.json
new file mode 100644
index 00000000..11a1eafd
--- /dev/null
+++ b/apps/multiple-parcels-same-config/child/tsconfig.json
@@ -0,0 +1,11 @@
+{
+  "extends": "../../../tsconfig.base.json",
+  "references": [
+    {
+      "path": "./tsconfig.app.json"
+    }
+  ],
+  "compilerOptions": {
+    "target": "es2020"
+  }
+}
diff --git a/apps/multiple-parcels-same-config/child/webpack.config.ts b/apps/multiple-parcels-same-config/child/webpack.config.ts
new file mode 100644
index 00000000..4411334e
--- /dev/null
+++ b/apps/multiple-parcels-same-config/child/webpack.config.ts
@@ -0,0 +1 @@
+export { default } from '../../../libs/single-spa-angular/webpack';
diff --git a/apps/multiple-parcels-same-config/parent/project.json b/apps/multiple-parcels-same-config/parent/project.json
new file mode 100644
index 00000000..76038e0a
--- /dev/null
+++ b/apps/multiple-parcels-same-config/parent/project.json
@@ -0,0 +1,77 @@
+{
+  "name": "multiple-parcels-same-config",
+  "$schema": "../../../node_modules/nx/schemas/project-schema.json",
+  "projectType": "application",
+  "sourceRoot": "apps/multiple-parcels-same-config/parent/src",
+  "prefix": "single-spa-angular",
+  "targets": {
+    "build": {
+      "executor": "@angular-builders/custom-webpack:browser",
+      "options": {
+        "customWebpackConfig": {
+          "libraryTarget": "system",
+          "excludeAngularDependencies": true,
+          "path": "apps/multiple-parcels-same-config/parent/webpack.config.ts"
+        },
+        "outputPath": "dist/apps/multiple-parcels-same-config",
+        "index": "apps/multiple-parcels-same-config/parent/src/index.html",
+        "main": "apps/multiple-parcels-same-config/parent/src/main.single-spa.ts",
+        "tsConfig": "apps/multiple-parcels-same-config/parent/tsconfig.app.json",
+        "aot": true,
+        "assets": ["apps/multiple-parcels-same-config/parent/src/favicon.ico", "apps/multiple-parcels-same-config/parent/src/assets"],
+        "styles": ["apps/multiple-parcels-same-config/parent/src/styles.scss"],
+        "deployUrl": "http://localhost:9000/"
+      },
+      "configurations": {
+        "development": {
+          "buildOptimizer": false,
+          "optimization": false,
+          "vendorChunk": true,
+          "extractLicenses": false,
+          "sourceMap": true,
+          "namedChunks": true
+        },
+        "production": {
+          "fileReplacements": [
+            {
+              "replace": "apps/multiple-parcels-same-config/parent/src/environments/environment.ts",
+              "with": "apps/multiple-parcels-same-config/parent/src/environments/environment.prod.ts"
+            }
+          ],
+          "optimization": true,
+          "outputHashing": "none",
+          "sourceMap": false,
+          "namedChunks": false,
+          "extractLicenses": true,
+          "vendorChunk": false,
+          "buildOptimizer": true,
+          "budgets": [
+            {
+              "type": "initial",
+              "maximumWarning": "2mb",
+              "maximumError": "5mb"
+            },
+            {
+              "type": "anyComponentStyle",
+              "maximumWarning": "6kb",
+              "maximumError": "10kb"
+            }
+          ]
+        }
+      },
+      "defaultConfiguration": "production"
+    },
+    "serve": {
+      "executor": "@angular-builders/custom-webpack:dev-server",
+      "options": {
+        "browserTarget": "multiple-parcels-same-config:build:development"
+      },
+      "configurations": {
+        "production": {
+          "browserTarget": "multiple-parcels-same-config:build:production"
+        }
+      }
+    }
+  },
+  "tags": []
+}
diff --git a/apps/multiple-parcels-same-config/parent/src/app/app-routing.module.ts b/apps/multiple-parcels-same-config/parent/src/app/app-routing.module.ts
new file mode 100755
index 00000000..ad10774a
--- /dev/null
+++ b/apps/multiple-parcels-same-config/parent/src/app/app-routing.module.ts
@@ -0,0 +1,15 @@
+import { APP_BASE_HREF } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { EmptyRouteComponent } from './empty-route/empty-route.component';
+
+const routes: Routes = [
+  { path: '**', component: EmptyRouteComponent }
+];
+
+@NgModule({
+  imports: [RouterModule.forRoot(routes)],
+  exports: [RouterModule],
+  providers: [{ provide: APP_BASE_HREF, useValue: '/' }]
+})
+export class AppRoutingModule { }
diff --git a/apps/multiple-parcels-same-config/parent/src/app/app.component.html b/apps/multiple-parcels-same-config/parent/src/app/app.component.html
new file mode 100644
index 00000000..090b621b
--- /dev/null
+++ b/apps/multiple-parcels-same-config/parent/src/app/app.component.html
@@ -0,0 +1,14 @@
+<button class="mount1" (click)="mount1()">Mount 1</button>
+<button class="mount2" (click)="mount2()">Mount 2</button>
+<button class="unmount1" (click)="unmount1()">Unmount 1</button>
+<button class="unmount2" (click)="unmount2()">Unmount 2</button>
+
+<div>
+    parcel 1
+    <div style="height: 100px; background-color: red;" #parcelContainer1>
+    </div>
+
+    parcel 2
+    <div style="height: 100px; background-color: green;" #parcelContainer2>
+    </div>
+</div>
diff --git a/apps/multiple-parcels-same-config/parent/src/app/app.component.ts b/apps/multiple-parcels-same-config/parent/src/app/app.component.ts
new file mode 100644
index 00000000..dcab473d
--- /dev/null
+++ b/apps/multiple-parcels-same-config/parent/src/app/app.component.ts
@@ -0,0 +1,51 @@
+import { Component, ElementRef, ViewChild } from '@angular/core';
+import { mountRootParcel } from 'single-spa';
+
+@Component({
+  selector: 'multiple-parcels-same-config',
+  templateUrl: './app.component.html',
+})
+export class AppComponent {
+  constructor() {}
+
+  @ViewChild('parcelContainer1') parcelContainer1!: ElementRef;
+  @ViewChild('parcelContainer2') parcelContainer2!: ElementRef;
+
+  mountRootParcel = mountRootParcel;
+
+  props1 = { id: 1 };
+  props2 = { id: 2 };
+
+  parcel1: any;
+  parcel2: any;
+
+  config() {
+    return (window as any).System.import('multiple-parcels-same-config-child');
+  }
+
+  mount1() {
+    this.parcel1 = this.mountRootParcel(this.config, {
+      domElement: this.parcelContainer1.nativeElement,
+      ...this.props1,
+    });
+  }
+
+  mount2() {
+    this.parcel2 = this.mountRootParcel(this.config, {
+      domElement: this.parcelContainer2.nativeElement,
+      ...this.props2,
+    });
+  }
+
+  unmount1() {
+    if (this.parcel1) {
+      this.parcel1.unmount();
+    }
+  }
+
+  unmount2() {
+    if (this.parcel2) {
+      this.parcel2.unmount();
+    }
+  }
+}
diff --git a/apps/multiple-parcels-same-config/parent/src/app/app.module.ts b/apps/multiple-parcels-same-config/parent/src/app/app.module.ts
new file mode 100644
index 00000000..a742cd14
--- /dev/null
+++ b/apps/multiple-parcels-same-config/parent/src/app/app.module.ts
@@ -0,0 +1,15 @@
+import { NgModule } from '@angular/core';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { APP_BASE_HREF } from '@angular/common';
+
+import { AppComponent } from './app.component';
+import { AppRoutingModule } from './app-routing.module';
+import { EmptyRouteComponent } from './empty-route/empty-route.component';
+
+@NgModule({
+  imports: [BrowserAnimationsModule, AppRoutingModule],
+  declarations: [AppComponent, EmptyRouteComponent],
+  bootstrap: [AppComponent],
+  providers: [],
+})
+export class AppModule {}
diff --git a/apps/multiple-parcels-same-config/parent/src/app/empty-route/empty-route.component.ts b/apps/multiple-parcels-same-config/parent/src/app/empty-route/empty-route.component.ts
new file mode 100755
index 00000000..b8380398
--- /dev/null
+++ b/apps/multiple-parcels-same-config/parent/src/app/empty-route/empty-route.component.ts
@@ -0,0 +1,7 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app1-empty-route',
+  template: '',
+})
+export class EmptyRouteComponent {}
diff --git a/apps/multiple-parcels-same-config/parent/src/assets/.gitkeep b/apps/multiple-parcels-same-config/parent/src/assets/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/apps/multiple-parcels-same-config/parent/src/environments/environment.prod.ts b/apps/multiple-parcels-same-config/parent/src/environments/environment.prod.ts
new file mode 100644
index 00000000..c9669790
--- /dev/null
+++ b/apps/multiple-parcels-same-config/parent/src/environments/environment.prod.ts
@@ -0,0 +1,3 @@
+export const environment = {
+  production: true,
+};
diff --git a/apps/multiple-parcels-same-config/parent/src/environments/environment.ts b/apps/multiple-parcels-same-config/parent/src/environments/environment.ts
new file mode 100644
index 00000000..a20cfe55
--- /dev/null
+++ b/apps/multiple-parcels-same-config/parent/src/environments/environment.ts
@@ -0,0 +1,3 @@
+export const environment = {
+  production: false,
+};
diff --git a/apps/multiple-parcels-same-config/parent/src/favicon.ico b/apps/multiple-parcels-same-config/parent/src/favicon.ico
new file mode 100644
index 00000000..997406ad
Binary files /dev/null and b/apps/multiple-parcels-same-config/parent/src/favicon.ico differ
diff --git a/apps/multiple-parcels-same-config/parent/src/index.html b/apps/multiple-parcels-same-config/parent/src/index.html
new file mode 100644
index 00000000..adb5f057
--- /dev/null
+++ b/apps/multiple-parcels-same-config/parent/src/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>AngularMultipleParcelsSameConfigParent</title>
+    <base href="/" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/x-icon" href="favicon.ico" />
+  </head>
+  <body>
+    <multiple-parcels-same-config-root></multiple-parcels-same-config-root>
+  </body>
+</html>
diff --git a/apps/multiple-parcels-same-config/parent/src/main.single-spa.ts b/apps/multiple-parcels-same-config/parent/src/main.single-spa.ts
new file mode 100644
index 00000000..39507b4f
--- /dev/null
+++ b/apps/multiple-parcels-same-config/parent/src/main.single-spa.ts
@@ -0,0 +1,29 @@
+import { NgZone } from '@angular/core';
+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import { NavigationStart, Router } from '@angular/router';
+import { singleSpaAngular, getSingleSpaExtraProviders, enableProdMode } from 'single-spa-angular';
+
+import { AppModule } from './app/app.module';
+import { environment } from './environments/environment';
+import { singleSpaPropsSubject } from './single-spa/single-spa-props';
+
+if (environment.production) {
+  enableProdMode();
+}
+
+const lifecycles = singleSpaAngular({
+  bootstrapFunction: singleSpaProps => {
+    singleSpaPropsSubject.next(singleSpaProps);
+    return platformBrowserDynamic(getSingleSpaExtraProviders()).bootstrapModule(
+      AppModule,
+    );
+  },
+  template: '<multiple-parcels-same-config />',
+  NgZone,
+  Router,
+  NavigationStart,
+});
+
+export const bootstrap = lifecycles.bootstrap;
+export const mount = lifecycles.mount;
+export const unmount = lifecycles.unmount;
diff --git a/apps/multiple-parcels-same-config/parent/src/single-spa/asset-url.ts b/apps/multiple-parcels-same-config/parent/src/single-spa/asset-url.ts
new file mode 100644
index 00000000..d8cb3be3
--- /dev/null
+++ b/apps/multiple-parcels-same-config/parent/src/single-spa/asset-url.ts
@@ -0,0 +1,12 @@
+// In single-spa, the assets need to be loaded from a dynamic location,
+// instead of hard coded to `/assets`. We use webpack public path for this.
+// See https://webpack.js.org/guides/public-path/#root
+
+export function assetUrl(url: string): string {
+  // @ts-ignore
+  const publicPath = __webpack_public_path__;
+  const publicPathSuffix = publicPath.endsWith('/') ? '' : '/';
+  const urlPrefix = url.startsWith('/') ? '' : '/';
+
+  return `${publicPath}${publicPathSuffix}assets${urlPrefix}${url}`;
+}
diff --git a/apps/multiple-parcels-same-config/parent/src/single-spa/single-spa-props.ts b/apps/multiple-parcels-same-config/parent/src/single-spa/single-spa-props.ts
new file mode 100644
index 00000000..fc133a22
--- /dev/null
+++ b/apps/multiple-parcels-same-config/parent/src/single-spa/single-spa-props.ts
@@ -0,0 +1,8 @@
+import { ReplaySubject } from 'rxjs';
+import { AppProps } from 'single-spa';
+
+export const singleSpaPropsSubject = new ReplaySubject<SingleSpaProps>(1);
+
+// Add any custom single-spa props you have to this type def
+// https://single-spa.js.org/docs/building-applications.html#custom-props
+export type SingleSpaProps = AppProps & Record<string, unknown>;
diff --git a/apps/multiple-parcels-same-config/parent/src/styles.scss b/apps/multiple-parcels-same-config/parent/src/styles.scss
new file mode 100644
index 00000000..90d4ee00
--- /dev/null
+++ b/apps/multiple-parcels-same-config/parent/src/styles.scss
@@ -0,0 +1 @@
+/* You can add global styles to this file, and also import other style files */
diff --git a/apps/multiple-parcels-same-config/parent/tsconfig.app.json b/apps/multiple-parcels-same-config/parent/tsconfig.app.json
new file mode 100644
index 00000000..79f5c904
--- /dev/null
+++ b/apps/multiple-parcels-same-config/parent/tsconfig.app.json
@@ -0,0 +1,4 @@
+{
+  "extends": "./tsconfig.json",
+  "files": ["src/main.single-spa.ts"]
+}
diff --git a/apps/multiple-parcels-same-config/parent/tsconfig.json b/apps/multiple-parcels-same-config/parent/tsconfig.json
new file mode 100644
index 00000000..11a1eafd
--- /dev/null
+++ b/apps/multiple-parcels-same-config/parent/tsconfig.json
@@ -0,0 +1,11 @@
+{
+  "extends": "../../../tsconfig.base.json",
+  "references": [
+    {
+      "path": "./tsconfig.app.json"
+    }
+  ],
+  "compilerOptions": {
+    "target": "es2020"
+  }
+}
diff --git a/apps/multiple-parcels-same-config/parent/webpack.config.ts b/apps/multiple-parcels-same-config/parent/webpack.config.ts
new file mode 100644
index 00000000..4411334e
--- /dev/null
+++ b/apps/multiple-parcels-same-config/parent/webpack.config.ts
@@ -0,0 +1 @@
+export { default } from '../../../libs/single-spa-angular/webpack';
diff --git a/apps/navbar/src/app/components/primary-nav/primary-nav.component.ts b/apps/navbar/src/app/components/primary-nav/primary-nav.component.ts
index d3cccdf8..14a31bf4 100644
--- a/apps/navbar/src/app/components/primary-nav/primary-nav.component.ts
+++ b/apps/navbar/src/app/components/primary-nav/primary-nav.component.ts
@@ -32,6 +32,10 @@ export class PrimaryNavComponent {
       label: 'Angular standalone',
       url: '/standalone',
     },
+    {
+      label: "Multiple parcels from same config",
+      url: "/multiple-parcels-same-config"
+    }
   ];
 
   constructor(private router: Router) {}
diff --git a/apps/root-config/src/index.ejs b/apps/root-config/src/index.ejs
index c1b4e4b9..2155dcc8 100644
--- a/apps/root-config/src/index.ejs
+++ b/apps/root-config/src/index.ejs
@@ -34,6 +34,8 @@
           "elements": "http://localhost:4000/main.js",
           "parcel": "http://localhost:4400/main.js",
           "standalone": "http://localhost:4500/main.js",
+          "multiple-parcels-same-config": "http://localhost:4600/main.js",
+          "multiple-parcels-same-config-child": "http://localhost:4700/main.js",
           "rxjs": "https://cdn.jsdelivr.net/npm/@esm-bundle/rxjs/system/es2015/rxjs.min.js",
           "rxjs/operators": "https://cdn.jsdelivr.net/npm/@esm-bundle/rxjs/system/es2015/rxjs-operators.min.js"
         }
diff --git a/apps/root-config/src/main.js b/apps/root-config/src/main.js
index 15ac2d0f..299fae7c 100644
--- a/apps/root-config/src/main.js
+++ b/apps/root-config/src/main.js
@@ -41,5 +41,11 @@ System.import('single-spa').then(({ registerApplication, start }) => {
     activeWhen: location => location.pathname.startsWith('/standalone'),
   });
 
+  registerApplication({
+    name: 'multiple-parcels-same-config',
+    app: () => System.import('multiple-parcels-same-config'),
+    activeWhen: location => location.pathname.startsWith('/multiple-parcels-same-config'),
+  });
+
   start();
 });
diff --git a/cypress/integration/multiple-parcels-same-config.spec.js b/cypress/integration/multiple-parcels-same-config.spec.js
new file mode 100644
index 00000000..f9d0f50d
--- /dev/null
+++ b/cypress/integration/multiple-parcels-same-config.spec.js
@@ -0,0 +1,50 @@
+/// <reference types="cypress" />
+
+Cypress.Screenshot.defaults({
+  screenshotOnRunFailure: false,
+});
+
+describe('https://github.com/single-spa/single-spa-angular/issues/234', () => {
+  it('should render the same Angular parcel twice', () => {
+    cy.visit('/multiple-parcels-same-config')
+      // Mount the first parcel.
+      .get('button.mount1')
+      .click()
+      // The `wait` command is used because Cypress on the CI level is slower than locally,
+      // basically it clicks the `<button>` and does assertion immediately, but `single-spa`
+      // hasn't loaded the first parcel yet.
+      .wait(Cypress.env('timeout'))
+      .then(() => {
+        cy.get('.parcel-same-config')
+          .should('have.length', 1);
+        
+        // Mount the second parcel.
+        cy.get('button.mount2')
+          .click()
+          .wait(Cypress.env('timeout'))
+          .then(() => {
+            cy.get('.parcel-same-config')
+              .should('have.length', 2);
+          });
+
+        // Unmount the first parcel.
+        cy.get('button.unmount1')
+          .click()
+          .wait(Cypress.env('timeout'))
+          .then(() => {
+            cy.get('.parcel-same-config')
+              .should('have.length', 1);
+          });
+
+        // Unmount the second parcel.
+        cy.get('button.unmount2')
+          .click()
+          .wait(Cypress.env('timeout'))
+          .then(() => {
+            cy.get('.parcel-same-config')
+              .should('have.length', 0);
+          });
+
+      })
+  });
+});
diff --git a/libs/single-spa-angular/internals/src/dom.ts b/libs/single-spa-angular/internals/src/dom.ts
index 2d7e2204..77b49f43 100644
--- a/libs/single-spa-angular/internals/src/dom.ts
+++ b/libs/single-spa-angular/internals/src/dom.ts
@@ -18,8 +18,11 @@ export function getContainerElementAndSetTemplate<T extends BaseSingleSpaAngular
     );
   }
 
+  // If the template is a function, we call it with the props to get the string template.
+  const template = typeof options.template === 'function' ? options.template(props) : options.template;
+
   const containerElement = getContainerElement(domElementGetter, props);
-  containerElement.innerHTML = options.template;
+  containerElement.innerHTML = template;
   return containerElement;
 }
 
diff --git a/libs/single-spa-angular/internals/src/types.ts b/libs/single-spa-angular/internals/src/types.ts
index 67eabe63..c9bdd4b3 100644
--- a/libs/single-spa-angular/internals/src/types.ts
+++ b/libs/single-spa-angular/internals/src/types.ts
@@ -4,7 +4,7 @@ import { ApplicationRef, NgModuleRef } from '@angular/core';
 export type DomElementGetter = (props: any) => HTMLElement;
 
 export interface BaseSingleSpaAngularOptions {
-  template: string;
+  template: string | ((props: AppProps) => string);
   domElementGetter?: DomElementGetter;
   bootstrapFunction(props: AppProps): Promise<NgModuleRef<any> | ApplicationRef>;
 }
diff --git a/libs/single-spa-angular/src/single-spa-angular.ts b/libs/single-spa-angular/src/single-spa-angular.ts
index 594f52c6..9b1beec7 100644
--- a/libs/single-spa-angular/src/single-spa-angular.ts
+++ b/libs/single-spa-angular/src/single-spa-angular.ts
@@ -4,7 +4,7 @@ import { LifeCycles } from 'single-spa';
 import { getContainerElementAndSetTemplate } from 'single-spa-angular/internals';
 
 import { SingleSpaPlatformLocation } from './extra-providers';
-import { SingleSpaAngularOptions, BootstrappedSingleSpaAngularOptions } from './types';
+import { SingleSpaAngularOptions, BootstrappedSingleSpaAngularOptions, Instance } from './types';
 
 const defaultOptions = {
   // Required options that will be set by the library consumer.
@@ -15,7 +15,7 @@ const defaultOptions = {
   Router: undefined,
   domElementGetter: undefined, // only optional if you provide a domElementGetter as a custom prop
   updateFunction: () => Promise.resolve(),
-  bootstrappedNgModuleRefOrAppRef: null,
+  instances: {},
 };
 
 // This will be provided through Terser global definitions by Angular CLI. This will
@@ -38,8 +38,12 @@ export function singleSpaAngular<T>(userOptions: SingleSpaAngularOptions<T>): Li
     throw Error('single-spa-angular must be passed an options.bootstrapFunction');
   }
 
-  if (NG_DEV_MODE && typeof options.template !== 'string') {
-    throw Error('single-spa-angular must be passed options.template string');
+  if (
+    NG_DEV_MODE &&
+    typeof options.template !== 'string' &&
+    typeof options.template !== 'function'
+  ) {
+    throw Error('single-spa-angular must be passed an options.template string or function');
   }
 
   if (NG_DEV_MODE && !options.NgZone) {
@@ -60,7 +64,12 @@ export function singleSpaAngular<T>(userOptions: SingleSpaAngularOptions<T>): Li
   };
 }
 
-async function bootstrap(options: BootstrappedSingleSpaAngularOptions): Promise<void> {
+async function bootstrap(options: BootstrappedSingleSpaAngularOptions, props: any): Promise<void> {
+  const instance: Instance = {
+    bootstrappedNgModuleRefOrAppRef: null,
+  };
+  options.instances[props.name || props.appName] = instance;
+
   // Angular provides an opportunity to develop `zone-less` application, where developers
   // have to trigger change detection manually.
   // See https://angular.io/guide/zone#noopzone
@@ -76,8 +85,8 @@ async function bootstrap(options: BootstrappedSingleSpaAngularOptions): Promise<
   options.NgZone.assertInAngularZone = () => {};
   options.NgZone.assertNotInAngularZone = () => {};
 
-  options.routingEventListener = () => {
-    options.bootstrappedNgZone!.run(() => {
+  instance.routingEventListener = () => {
+    instance.bootstrappedNgZone!.run(() => {
       // See https://github.com/single-spa/single-spa-angular/issues/86
       // Zone is unaware of the single-spa navigation change and so Angular change detection doesn't work
       // unless we tell Zone that something happened
@@ -126,6 +135,8 @@ async function mount(
 
   const bootstrappedOptions = options as BootstrappedSingleSpaAngularOptions;
 
+  const instance = bootstrappedOptions.instances[props.name || props.appName];
+
   if (ngZoneEnabled) {
     const ngZone: NgZone = ngModuleRefOrAppRef.injector.get(options.NgZone);
 
@@ -135,22 +146,32 @@ async function mount(
       skipLocationChangeOnNonImperativeRoutingTriggers(ngModuleRefOrAppRef, options);
     }
 
-    bootstrappedOptions.bootstrappedNgZone = ngZone;
-    window.addEventListener('single-spa:routing-event', bootstrappedOptions.routingEventListener!);
+    instance.bootstrappedNgZone = ngZone;
+    window.addEventListener('single-spa:routing-event', instance.routingEventListener!);
   }
 
-  bootstrappedOptions.bootstrappedNgModuleRefOrAppRef = ngModuleRefOrAppRef;
+  instance.bootstrappedNgModuleRefOrAppRef = ngModuleRefOrAppRef;
   return ngModuleRefOrAppRef;
 }
 
-function unmount(options: BootstrappedSingleSpaAngularOptions): Promise<void> {
+function unmount(options: BootstrappedSingleSpaAngularOptions, props: any): Promise<void> {
+  const instance: Instance = options.instances[props.name || props.appName];
+
   return Promise.resolve().then(() => {
-    if (options.routingEventListener) {
-      window.removeEventListener('single-spa:routing-event', options.routingEventListener);
+    if (instance.routingEventListener) {
+      window.removeEventListener('single-spa:routing-event', instance.routingEventListener);
     }
 
-    options.bootstrappedNgModuleRefOrAppRef!.destroy();
-    options.bootstrappedNgModuleRefOrAppRef = null;
+    instance.bootstrappedNgModuleRefOrAppRef!.destroy();
+    instance.bootstrappedNgModuleRefOrAppRef = null;
+
+    /**
+     * Don't delete the instance from the array of instances,
+     * because instance is created in bootstrap and not in mount.
+     * If we delete it here, then the instance can't be mounted again.
+     */
+    // Delete instance from array of instances.
+    // delete options.instances[props.name || props.appName];
   });
 }
 
diff --git a/libs/single-spa-angular/src/types.ts b/libs/single-spa-angular/src/types.ts
index 7b85bf86..51fc8d9c 100644
--- a/libs/single-spa-angular/src/types.ts
+++ b/libs/single-spa-angular/src/types.ts
@@ -15,6 +15,10 @@ export interface SingleSpaAngularOptions<T = Record<string, unknown>>
 }
 
 export interface BootstrappedSingleSpaAngularOptions extends SingleSpaAngularOptions {
+  instances: { [name: string]: Instance };
+}
+
+export interface Instance {
   bootstrappedNgModuleRefOrAppRef: NgModuleRef<any> | ApplicationRef | null;
   // All below properties can be optional in case of
   // `SingleSpaAngularOpts.NgZone` is a `noop` string and not an `NgZone` class.
diff --git a/package.json b/package.json
index 4aae6387..3145fd12 100644
--- a/package.json
+++ b/package.json
@@ -50,6 +50,7 @@
     "serve:app:elements": "yarn nx serve elements --disable-host-check --live-reload false --port 4000",
     "serve:app:parcel": "yarn nx serve parcel --disable-host-check --live-reload false --port 4400",
     "serve:app:standalone": "yarn nx serve standalone --disable-host-check --live-reload false --port 4500",
+    "serve:app:multiple-parcels-same-config": "yarn nx serve multiple-parcels-same-config --disable-host-check --live-reload false --port 4600 & yarn nx serve multiple-parcels-same-config-child --disable-host-check --live-reload false --port 4700",
     "serve:app:root-config": "yarn webpack-dev-server --config apps/root-config/webpack.config.js",
     "serve:all": "concurrently 'yarn:serve:app:*'",
     "// - INTEGRATION BUILDS": "Build apps that are required for E2E testing #requires yarn install:integration",
@@ -60,6 +61,7 @@
     "build:app:elements": "nx build elements",
     "build:app:parcel": "nx build parcel",
     "build:app:standalone": "nx build standalone",
+    "build:app:multiple-parcels-same-config": "nx build multiple-parcels-same-config && nx build multiple-parcels-same-config-child",
     "build:app:root-config": "yarn webpack --mode production --config apps/root-config/webpack.config.js",
     "build:all": "yarn build:app:root-config && nx run-many --target build --projects=shop,chat,navbar,noop-zone,elements,parcel,standalone --parallel --configuration production",
     "// - APPS": "Serve apps that are required for E2E testing #requires yarn build:integration",
@@ -71,6 +73,7 @@
     "start:app:elements": "yarn serve dist/apps/elements -s -l 4000 --cors",
     "start:app:parcel": "yarn serve dist/apps/parcel -s -l 4400 --cors",
     "start:app:standalone": "yarn serve dist/apps/standalone -s -l 4500 --cors",
+    "start:app:multiple-parcels-same-config": "yarn serve dist/apps/multiple-parcels-same-config-parent -s -l 4600 --cors & yarn serve dist/apps/multiple-parcels-same-config-child -s -l 4700 --cors",
     "start:app:root-config": "yarn serve dist/apps/root-config -s -l 8080 --cors",
     "// - E2E": "E2E testing",
     "cy:open": "cypress open",