jsx-dev-runtime.ts#

3 documented symbols. Read the signatures first, then expand each item for parameters, return types, and examples.

3 symbols 1 functions 1 interfaces 1 modules 6 parameters 3 members 1 returns 1 examples

Reference#

modulejsx-dev-runtimeDevelopment-runtime entry point for the static HTML JSX transform. TypeScript's react-jsxdev transform (and Vite's dev-…1 example

Development-runtime entry point for the static HTML JSX transform.

TypeScript's react-jsxdev transform (and Vite's dev-mode JSX transform) import from <jsxImportSource>/jsx-dev-runtime and call jsxDEV with the extra debug arguments below. This runtime renders static HTML, so there is nothing useful to do with them — they are accepted and ignored so the same templates compile in both dev and build.

View source

Examples

Example 1

{ "compilerOptions": { "jsx": "react-jsxdev", "jsxImportSource": "@ox-content/vite-plugin" } }

jsxDEV(type: JSXElementType, props: JSXProps, key?: string, _isStaticChildren?: boolean, _source?: JSXSource, _self?: unknown): JSXNode

Creates a JSX element in development mode. The transform passes isStaticChildre…6 paramsreturns JSXNode

Creates a JSX element in development mode.

The transform passes isStaticChildren, source and self for React's dev warnings; static HTML generation has no use for them.

Signature

export function jsxDEV(type: JSXElementType, props: JSXProps, key?: string, _isStaticChildren?: boolean, _source?: JSXSource, _self?: unknown): JSXNode

View source

Parameters

type JSXElementType
props JSXProps
key string

optional
_isStaticChildren boolean

optional
_source JSXSource

optional
_self unknown

optional

Returns

JSXNode

interfaceJSXSourceSource position the dev transform attaches to each element.3 members

Source position the dev transform attaches to each element.

Signature

export interface JSXSource

View source

Members

Properties

Name	Type	Description
`columnNumber`optional	`number`
`fileName`optional	`string`
`lineNumber`optional	`number`