Failed to generate admin dashboard

[smartnode]

1. Schema does not work as it is provided from https://docs.teodev.io/getting-started/beginner-tutorial/generate-admin-dashboard. Probably missing request before middlewares.

Schema

connector {
  provider: .mysql,
  url: "mysql://localhost:3306/helloadmindashboard",
}
 
server {
  bind: ("0.0.0.0", 5054)
}
 
admin {
  dest: "../hello-teo-admin-dashboard",
  host: .inject("process.env.TEO_HOST"),
  languages: [.enUs, .enUk, .de, .es, .fr, .he, .hi, .ja, .ko, .zhCn, .zhTw]
}
 
@identity.tokenIssuer($identity.jwt(expired: 3600 * 24 * 365))
@identity.jwtSecret(ENV["JWT_SECRET"]!) @admin.administrator
model Root {
  @id @autoIncrement @readonly
  id: Int
  @unique @onSet($if($presents, $isEmail)) @identity.id
  email: String
  @writeonly @onSet($presents.bcrypt.salt) @admin.secureInput
  @identity.checker($get(.value).presents.bcrypt.verify($self.get(.password).presents))
  password: String
 
  include handler identity.signIn
  include handler identity.identity
}
 
@identity.tokenIssuer($identity.jwt(expired: 3600 * 24 * 365))
@identity.jwtSecret(ENV["JWT_SECRET"]!) @admin.administrator
model Admin {
  @id @autoIncrement @readonly
  id: Int
  @unique @onSet($if($presents, $isEmail)) @identity.id
  email: String
  @unique @identity.id
  phoneNo: String
  @writeonly @onSet($presents.bcrypt.salt) @admin.secureInput
  @identity.checker($get(.value).presents.bcrypt.verify($self.get(.password).presents))
  password: String
 
  include handler identity.signIn
  include handler identity.identity
}
 
enum Sex {
  male
  female
}
 
model Record {
  @id @autoIncrement @readonly
  id: Int
  string: String
  bool: Bool
  int: Int
  float: Float
  decimal: Decimal
  date: Date
  dateTime: DateTime
  sex: Sex
}
 
model NullableRecord {
  @id @autoIncrement @readonly
  id: Int
  string: String?
  bool: Bool?
  int: Int?
  float: Float?
  decimal: Decimal?
  date: Date?
  dateTime: DateTime?
  sex: Sex?
}
 
middlewares [identity.identityFromJwt(secret: ENV["JWT_SECRET"]!)]
 
autoseed dataset default {
  group Admin {
    record admin {
      email: "[email protected]",
      phoneNo: "13588888888",
      password: "Aa123456"
    }
  }
  group Root {
    record root {
      email: "[email protected]",
      password: "Aa123456"
    }
  }
}

2. cargo teo generate admin does not generate admin frontend, and gives following error:

Error: teo_result::Error: {"code":500,"message":"error decoding response body","errors":null}

3. I cloned https://github.com/teodevgroup/teo-admin-dev and tried following

npm install
npm start

Gives following error :

ERROR in ./src/index.tsx
Module build failed (from ./node_modules/@wyw-in-js/webpack-loader/lib/index.js):
SyntaxError: /home/smartnode/projects/psa.storeling/frontend/src/index.tsx: Support for the experimental syntax 'jsx' isn't currently enabled (16:13):

  14 | document.body.appendChild(container)
  15 | const root = createRoot(container)
> 16 | root.render(<StrictMode>
     |             ^
  17 |     <App />
  18 | </StrictMode>)
  19 |