The ReactJS version of the Ionic cross platform mobile application development framework.
Questions tagged [ionic-react]
240 questions
0
votes
1 answer
How to import a Cordova plugin with TypeScript, React, and Vite?
I have a TypeScript React project that is built in Vite. This is an Ionic React project that I build apps for Android and iOS as well as a PWA for the web.
I'm trying to use the latest version (13) of the cordova-purchase-plugin in my app. This…

Patrick Kenny
- 4,515
- 7
- 47
- 76
0
votes
1 answer
How to execute selenium-webdriver commands in selenium-ide execute script command?
I'm testing my react ionic project using selenium-ide, there is no available commands in selenium-ide that focus on an input or a popup (Modal).
I guess that we have more options to execute using selenium-webdriver that allow us to have more control…

rawad nasr
- 11
- 2
0
votes
1 answer
Can't import the named export 'EmptyPcset' from non EcmaScript module (only default export is available)
I'm working with a react ionic project, after installing the node modules and trying to run the project, the below issue is displayed:
"./node_modules/@tonaljs/scale-type/dist/index.mjs
Can't import the named export 'EmptyPcset' from non EcmaScript…

rawad nasr
- 11
- 2
0
votes
1 answer
How to make background gradient on page refresh in ionic framework
I have a task to do a page refresh in the application, the problem is that the background of my application is a gradient, not a static color, ionContent perceives a gradient in the background, but when I refresh the page, a block with an ionPage…

Dmytry
- 11
- 1
0
votes
0 answers
Conditional routes with React router, React context and Supabase
I am building an app using Ionic React and Supabase. I have some conditional routes where the conditions are based on a context variable (auth.session). The variable however is null at the time of evaluation, and only gets set by the Supabase client…

HotFix
- 157
- 1
- 11
0
votes
1 answer
How to enable Overscroll effect in android ionic 6 react
Sorry for my title; I’m not really familiar with the effect in question. But here the simple thing is how to make my Ionic 6 react page have an effect like this picture.
Like android native
I’ve tried several ways to modify the style and CSS, but it…
0
votes
0 answers
Issue installing node modules in react app
Recently moved all my files from my old Mac 2015 to a new module with a M1 Chip. Been wrecking my brain trying to get projects up and running. This one will not install the packages. Anyone know any solutions, seen this has been a problem with…

Ndango
- 59
- 8
0
votes
0 answers
How should I resolve this issue "package android.content does not exist"?
enter image description here
We were trying to make apk from ionic-react using capacitor.
These are the commands that we have followed:
npm install @capacitor/android
npx cap add android
npx cap open android
ionic capacitor sync android
0
votes
0 answers
How to enable POST_NOTIFICATIONS permission for android 13 - ionic reactjs app
Need to know the steps to achieve notification prompt in the android 13. (ionic6 - reactjs Project)
i have already declare the permission in the app’s manifest file.
need to know the remaining steps associated with it.
Need to show the notifiaction…

Rins Rajan
- 1
- 1
0
votes
0 answers
Ionic Router Uncaught TypeError in Version 7
I have installed ionic router version 7.0.0-beta.1 on ionic project 7 beta.I have an following error
IonRouter.tsx:326 Uncaught TypeError: (0 , react_router_dom__WEBPACK_IMPORTED_MODULE_4__.withRouter) is not a function
Uncaught TypeError: (0 ,…
0
votes
0 answers
Unable to show Splash screen with "Ionic + React" in Android 12+
I am using Ionic 6 and ReactJs together. When I export the apk with Android Studio and test it on Android physical devices having versions lower than 12, App startup splash screen is showing. But when I run the app in Android 12+ devices, the Splash…

Tanmaya Patra
- 1
- 1
0
votes
0 answers
View Note Content using Ionic React
I'm using ionic react + firebase and I'm creating a journal/diary in my app. the thing is, when I update/edit a note in my note history it will show the updated title or detail but when I tried to view that note, it's empty. I need to view other…

Kātā
- 13
- 7
0
votes
0 answers
Ionic React - Property 'set' does not exist on type 'typeof Storage'.ts(2339)
So basically I'm currently doing my class lesson and right now I'm stuck with this problem. {Property 'set' does not exist on type 'typeof Storage'.ts(2339)} and {Property 'get' does not exist on type 'typeof Storage'.ts(2339)}
import { Directory,…

Dragonarc
- 73
- 2
- 10
0
votes
0 answers
How to open & display a file in ionic react
Trying to open a file from ionic react code, but couldn't do it as it throws an error with fileOpener.open is not recognized or undefined.
import { FileOpener } from '@awesome-cordova-plugins/file-opener/ngx';
const callFileOpen = () => {
…
0
votes
0 answers
ionic-react Input type file with mime type audio is not working in ios. Its working fine with android
I am trying to choose only audio file but audio files is disabled it is working fine with mime type video/* or image/*

Sumit Sharma
- 160
- 9