The purpose of this is to only use Ionic for the styling and the layout of the web application, Will not work with the ionic router.

in the react application, using vitejs, open index.html and the following

[index.html]

<script type="module" src="https://cdn.jsdelivr.net/npm/@ionic/core/dist/ionic/ionic.esm.js"></script>
<script nomodule src="https://cdn.jsdelivr.net/npm/@ionic/core/dist/ionic/ionic.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@ionic/core/css/ionic.bundle.css" />

now you can install ionic react with this command:

$ npm install @ionic/react

give it a try

import { IonButton } from '@ionic/react';
 
      <IonButton>Default</IonButton>
      <IonButton disabled={true}>Disabled</IonButton>