Skip to content

Edit screen doesn't work in web mode #1812

@mraible

Description

@mraible

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions