ionicで1つのページで複数のモーダルを表示したい

1つページで20個以上のモーダルを表示しないといけない場合、
20個のモーダルページを登録し、それらを開くメソッドを登録してあげてば要件は満たせたのですが、
冗長すぎるのでモーダルを開くメソッドをなんとか1つにできないか色々しらべているのですが、
なにか良い方法がありませんでしょうか。

Typescript
1import { MyModalPage1 } from '../modals/my-modal/my-modall.page'; 
2import { MyModalPage2 } from '../modals/my-modal/my-modal2.page'; 
3import { MyModalPage3 } from '../modals/my-modal/my-modal3.page'; 
4import { MyModalPage4 } from '../modals/my-modal/my-modal4.page'; 
5import { MyModalPage5 } from '../modals/my-modal/my-modal5.page'; 
6以下略
7
8async openMyModalPage1() {
9    const modal = await this.modalController.create({
10      component: MyModalPage1
11    });
12    return await modal.present();
13}
14async openMyModalPage2() {
15    const modal = await this.modalController.create({
16      component: MyModalPage2
17    });
18    return await modal.present();
19}
20以下略
21....

↓引数にコンポーネントを受け取れないかやってみましたがダメでした。

Typescript
1async openMyModal(componentName) {
2    const modal = await this.modalController.create({
3      component: componentName
4    });
5    return await modal.present();
6}