generator-jhipster-react-native icon indicating copy to clipboard operation
generator-jhipster-react-native copied to clipboard

Edit screen doesn't work in web mode

Open mraible opened this issue 1 month ago • 0 comments

Describe the bug

If you navigate to edit an entity in web mode, it doesn't work.

Screenshot 2024-06-08 at 1 21 25 PM

It works fine on iOS and Android.

I tried with the last published version (v4.4.0 with Node 16). The error below happens when you try to view any of the entities in web mode:

&platform=web&dev=true&hot=false&lazy=true:157128 Warning: React.jsx: type is invalid -- 
  expected a string (for built-in components) or a class/function (for composite components) but got: undefined. 
  You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

Check the render method of `Header`.

Instructions To reproduce

Generate an app with entities and try to edit an entity using the web.

Entity JDL or JSON files

Generate an app with the following JDL file:

/*
 * This is the application and entity model for the 21-Points (https://github.com/mraible/21-points) application from Matt Raible
 */

application {
  config {
    authenticationType jwt
    skipClient true
    devDatabaseType  h2Disk
    creationTimestamp 1617901618886
    jwtSecretKey "ZjY4MTM4YjI5YzMwZjhjYjI2OTNkNTRjMWQ5Y2Q0Y2YwOWNmZTE2NzRmYzU3NTMwM2NjOTE3MTllOTM3MWRkMzcyYTljMjVmNmQ0Y2MxOTUzODc0MDhhMTlkMDIxMzI2YzQzZDM2ZDE3MmQ3NjVkODk3OTVmYzljYTQyZDNmMTQ="
  }
  entities *
}

@ChangelogDate(20240101000000)
entity BloodPressure {
  timestamp ZonedDateTime required
  systolic Integer required
  diastolic Integer required
}
@ChangelogDate(20240102000000)
entity Weight {
  timestamp ZonedDateTime required
  weight Double required
}
@ChangelogDate(20240103000000)
entity Points {
  date LocalDate required
  exercise Integer
  meals Integer
  alcohol Integer
  notes String maxlength(140)
}
@ChangelogDate(20240105000000)
entity Preferences {
  weeklyGoal Integer required min(10) max(21)
  weightUnits Units required
}

enum Units {
  KG,
  LB
}

relationship OneToOne {
  Preferences{user(login)} to User with builtInEntity
}
relationship ManyToOne {
  BloodPressure{user(login)} to User with builtInEntity
  Weight{user(login)} to User with builtInEntity
  Points{user(login)} to User with builtInEntity
}

paginate BloodPressure, Weight with infinite-scroll
paginate Points with pagination

Versions (please complete the following information):

  • JHipster React Native Version: 4.4.0 and 5.0.0

mraible avatar Jun 11 '24 20:06 mraible