Error: TypeScript errors in the app caused the bundling to fail

Forge Forge UI Kit and Custom UI
,
1

running forge deploy I am getting

TS2304: Cannot find name 'ForgeUI'.[tsl] ERROR in src\frontend\issue-panel.tsx(20,7)
      TS2322: Type 'Element' is not assignable to type 'ForgeChildren<ForgeNode>'.
  Type 'ReactElement<any, any>' is not assignable to type 'FunctionElement<Record<string, any>>'.
    Types of property 'key' are incompatible.
      Type 'Key | null' is not assignable to type 'string | number | null'.
        Type 'bigint' is not assignable to type 'string | number | null'.[tsl]

I am not sure why this is happening? It is a simple Hello World text displayed in a issue panel

my tsconfig.json

{
  "compilerOptions": {
    "module": "esnext",
    "target": "esnext",
    "sourceMap": true,
    "moduleResolution": "node",
    "esModuleInterop": true,
    "types": ["node", "react"],
    "baseUrl": "./",
    "jsx": "react",
    "strict": true
  },
  "include": ["./src/**/*"]
}

my manifest file

modules:
  jira:issuePanel:
    - key: issue-panel
      resource: issue-panel-resource
      resolver:
        function: resolver
      render: native
      title: Test
      icon: resource:assets-resource;target.svg 
resources:
  - key: issue-panel-resource
    path: src/frontend/issue-panel.tsx
  - key: assets-resource
    path: src/assets

my project.json file

{
  "name": "forge",
  "version": "0.0.0",
  "private": true,
  "scripts": {
    "build": "forge deploy"
  },
  "devDependencies": {
    "@types/jest": "29.5.5",
    "@types/node": "20.6.3",
    "@types/react": "18.2.22",
    "@types/react-dom": "18.2.7",
    "eslint": "8.49.0",
    "typescript": "5.2.2",
  },
  "dependencies": {
    "@forge/api": "2.19.0",
    "@forge/bridge": "2.6.0",
    "@forge/react": "8.1.1",
    "@forge/resolver": "1.5.16",
    "react": "18.2.0"
  }
}
1 Like