Hono•12mo ago•

8 replies

Cannot resolve React with hono/jsx

My application is getting errors when trying to use

jsx

jsx

. My project uses monorepo structure managed by Nx. The way it's managed (default) is to have three

tsconfig.*.json

tsconfig.*.json

files in each folder:

-

tsconfig.json

tsconfig.json

which references two other configs (see below) via project references. It extends root TS config which contains its own

compilerOptions

compilerOptions

tsconfig.lib.json

tsconfig.lib.json

settings for production source code, this is where you usually put

compilerOptions

compilerOptions

specific settings and configuration relevant to source code for production (excludes tests etc)
-

tsconfig.spec.json

tsconfig.spec.json

settings for testing code, this means files ending with

*.spec.ts{x}

*.spec.ts{x}

are included by default

My issue is that when trying to adjust

compilerOptions

compilerOptions

as recommended in docs:

  "compilerOptions": {
    "jsx": "react-jsx",
    "jsxImportSource": "hono/jsx"
  },

  "compilerOptions": {
    "jsx": "react-jsx",
    "jsxImportSource": "hono/jsx"
  },

Does not work when it's added to

tsconfig.lib.json

tsconfig.lib.json

file, which is recommended approach for Nx monorepos. Instead, it must be added to

tsconfig.json

tsconfig.json

. This is less than ideal because it is quite possible my test code won't need JSX transformation and I'd like to keep default structure.

Is it possible that

hono/jsx

hono/jsx

is somehow hardcoded to only look for

tsconfig.json

tsconfig.json

specifically?

Hono•12mo ago•

8 replies

comatory

Cannot resolve React with hono/jsx

My application is getting errors when trying to use

jsx

jsx

. My project uses monorepo structure managed by Nx. The way it's managed (default) is to have three

tsconfig.*.json

tsconfig.*.json

files in each folder:

-

tsconfig.json

tsconfig.json

which references two other configs (see below) via project references. It extends root TS config which contains its own

compilerOptions

compilerOptions

tsconfig.lib.json

tsconfig.lib.json

settings for production source code, this is where you usually put

compilerOptions

compilerOptions

specific settings and configuration relevant to source code for production (excludes tests etc)
-

tsconfig.spec.json

tsconfig.spec.json

settings for testing code, this means files ending with

*.spec.ts{x}

*.spec.ts{x}

are included by default

My issue is that when trying to adjust

compilerOptions

compilerOptions

as recommended in docs:

  "compilerOptions": {
    "jsx": "react-jsx",
    "jsxImportSource": "hono/jsx"
  },

  "compilerOptions": {
    "jsx": "react-jsx",
    "jsxImportSource": "hono/jsx"
  },

Does not work when it's added to

tsconfig.lib.json

tsconfig.lib.json

file, which is recommended approach for Nx monorepos. Instead, it must be added to

tsconfig.json

tsconfig.json

. This is less than ideal because it is quite possible my test code won't need JSX transformation and I'd like to keep default structure.

Is it possible that

hono/jsx

hono/jsx

is somehow hardcoded to only look for

tsconfig.json

tsconfig.json

specifically?

Cannot resolve React with hono/jsx

Similar Threads

Cannot resolve React with hono/jsx

Similar Threads

Similar Threads

Similar Threads