Stack Overflow
Stack Overflow

Questions tagged [ionic-react]

The ReactJS version of the Ionic cross platform mobile application development framework.

240 questions
0
votes
1 answer

IonReactRouter is not a constructor fuction for JSX elements

I'm using react with ionic. I have installed the @ionic/react and @ionic/react-router packages, in the same way as other project that I used to develop. In this project i'm trying to use rollup to generate reusable components for other projects, but…
Luciano Alzugaray
  • 1
0
votes
1 answer

Ionic 4 React Start at Bottom of Page

I am using Ionic 4 React and trying to make a simple chat application. When the user loads the chat page, I'd like to automatically start on the bottom of the page. What is the simplest way to do this? Here is the code I have: {/*…
Adam Pahlavan
  • 1
0
votes
1 answer

How do you hook up Azure notification Hub to a Ionic React app?

I have a Azure Notification hub that's hooked up to a FCM instance. I am able to send notifications to my app using the Firebase console. There is a component which registers my device and changes to the build.gradle files which link the device and…
James Brightman
  • 857
  • 2
  • 13
  • 23
0
votes
0 answers

How use different menu item in different page in react ionic

I am new in react ionic and want to show different menu item in different page. I have one menu component and included it in App.tsx. But same menu item is showing in each page. Any help be appreciated. Thanks in advance const appPage: AppPage[] =…
U.Chand
  • 1
  • 1
  • 2
0
votes
1 answer

Reducer not working properly inside IonRouterOutlet

This is the main component of my Ionic4 app ("PrivateRoute" component is from react-router-private): const App: React.FC = (props: any) => { const { userLogged } = props.logged; return ( …
Lucio Fontanari
  • 43
  • 6
0
votes
1 answer

Global toolbar in Ionic 4 (React) overlapping IonContent

I am just getting to grips with Ionic from a React and Flutter background. I am trying to achieve a global navigation top bar using Ionic 4 react. The only documentation that looks like it might work is the IonHeader. I have tried to add this to my…
user8467470
  • 780
  • 3
  • 10
  • 25
0
votes
2 answers

If date equals today, add a badge. React JS and Ionic

Im trying to add a "New" badge example: New in the if the (job.createdAt) equals "today". How would you recommend I go about this? The date as in, the current date, not a string. Im using Ionic…
Jordan Spackman
  • 333
  • 1
  • 6
  • 23
0
votes
1 answer

IonReactRouter not rendering IonPage

I am new to the ionic-react framework and so far I am loving it. but now I've come to a problem. when I am using the "IonReactRouter" it says my page must be inside an IonPage component, despite the fact that it is. I've tried removing the…
SurafelKebede
  • 5
  • 5
0
votes
3 answers

How to run ionic-react applications on real devices?

Hi I am Really happy to see that , ionic now supporting React Scripting , When i try to run the Ionic react apps in the real devices it shows some error which i could not resolve. I have tried , ionic cordova run android It will not support…
Gopinath Kaliappan
  • 6,929
  • 8
  • 37
  • 60
-1
votes
1 answer

I can't build ionic react app on IOS simulator

I'm trying to build an Ionic React project. I’m successfully compiling the project on the IOS simulator but It crashes when It opens. Error showing is ⚡️ ERROR: Unable to load public/index.html ⚡️ This file is the root of your web app and must exist…
Nooruddin Lakhani
  • 7,507
  • 2
  • 19
  • 39
-1
votes
3 answers

Invalid hooks call. Hooks can only be called inside of the body of a function component

Please have a look at the validate method inside the elfe-if condition in the below code. I am unable to call the useLocation method of react-router-dom. I have seen questions online, one of which is similar to this: Invalid hook call. But the…
Gaurav Thantry
  • 103
  • 1
  • 13
-1
votes
1 answer

IFormContext only refers to a type, but is used as a value here

I am trying to build a validation for a ionic react form. Before I do that I need to get the state values of the input. I have a field component, which describes the fields, a form structure component and the form page which requires both of the…
Gaurav Thantry
  • 103
  • 1
  • 13
-1
votes
1 answer

Object is of type unknown

I was implementing jwt authentication in ionic react with typescript so after implementing it successfully, at the en when i want to add a check in my App.tsx i am getting a typescript error Object is of type 'unknown' Here is my code const App:…
Ratnabh kumar rai
  • 1,426
  • 4
  • 21
  • 48
-1
votes
1 answer

defining the architecture specific cordova plugin libraries to use in capacitor/react project

As has been mentioned in https://github.com/cordova-rtc/cordova-plugin-iosrtc/blob/master/docs/Building.md#apple-store-submission in order to submit the app to App Store we need to strip simulator (i386/x86_64) archs from WebRTC binary and as the…
al pal
  • 183
  • 2
  • 8
-2
votes
1 answer

Ionic react component is not getting imported

I am trying to import IonAccordion and IonAccordionGroup, but I'm facing error like "Line 38:16: 'IonAccordionGroup' is not defined react/jsx-no-undef". And I'm using library type as react for ionic app development. And latest version of ionic and…
Manoj
  • 17
  • 1
1 2 3
…
15
16