Don't enforce createElement import for JSX files

LEGIO-SEXTA-FERRATA · LEGIO-SEXTA-FERRATA · commit b96d27be38e9 · 2026-02-25T11:22:42.000+01:00
diff --git a/packages/generator-widget/generators/app/templates/pluggable/native/emptyTemplateJs/src/WidgetName.jsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/native/emptyTemplateJs/src/WidgetName.jsx.ejs
@@ -1,4 +1,4 @@
-import { Component, createElement } from "react";
+import { Component } from "react";
 
 import { HelloWorld } from "./components/HelloWorld";
 
diff --git a/packages/generator-widget/generators/app/templates/pluggable/native/emptyTemplateJs/src/components/HelloWorld.jsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/native/emptyTemplateJs/src/components/HelloWorld.jsx.ejs
@@ -1,4 +1,4 @@
-import { Component, createElement } from "react";
+import { Component } from "react";
 import { Text, View } from "react-native";
 
 import { mergeNativeStyles } from "@mendix/pluggable-widgets-tools";
diff --git a/packages/generator-widget/generators/app/templates/pluggable/native/emptyTemplateJsFn/src/WidgetName.jsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/native/emptyTemplateJsFn/src/WidgetName.jsx.ejs
@@ -1,5 +1,3 @@
-import { createElement } from "react";
-
 import { HelloWorld } from "./components/HelloWorld";
 
 export function <%- name %>({ yourName, style }) {
diff --git a/packages/generator-widget/generators/app/templates/pluggable/native/emptyTemplateJsFn/src/components/HelloWorld.jsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/native/emptyTemplateJsFn/src/components/HelloWorld.jsx.ejs
@@ -1,4 +1,3 @@
-import { createElement } from "react";
 import { Text, View } from "react-native";
 
 import { mergeNativeStyles } from "@mendix/pluggable-widgets-tools";
diff --git a/packages/generator-widget/generators/app/templates/pluggable/native/emptyTemplateTs/src/WidgetName.tsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/native/emptyTemplateTs/src/WidgetName.tsx.ejs
@@ -1,4 +1,4 @@
-import { Component, ReactNode, createElement } from "react";
+import { Component, ReactNode } from "react";
 import { TextStyle, ViewStyle } from "react-native";
 
 import { Style } from "@mendix/pluggable-widgets-tools";
diff --git a/packages/generator-widget/generators/app/templates/pluggable/native/emptyTemplateTs/src/components/HelloWorld.tsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/native/emptyTemplateTs/src/components/HelloWorld.tsx.ejs
@@ -1,4 +1,4 @@
-import { Component, ReactNode, createElement } from "react";
+import { Component, ReactNode } from "react";
 import { Text, View } from "react-native";
 
 import { mergeNativeStyles } from "@mendix/pluggable-widgets-tools";
diff --git a/packages/generator-widget/generators/app/templates/pluggable/native/emptyTemplateTsFn/src/WidgetName.tsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/native/emptyTemplateTsFn/src/WidgetName.tsx.ejs
@@ -1,4 +1,4 @@
-import { ReactElement, createElement } from "react";
+import { ReactElement } from "react";
 import { TextStyle, ViewStyle } from "react-native";
 
 import { Style } from "@mendix/pluggable-widgets-tools";
diff --git a/packages/generator-widget/generators/app/templates/pluggable/native/emptyTemplateTsFn/src/components/HelloWorld.tsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/native/emptyTemplateTsFn/src/components/HelloWorld.tsx.ejs
@@ -1,4 +1,4 @@
-import { ReactElement, createElement } from "react";
+import { ReactElement } from "react";
 import { Text, View } from "react-native";
 
 import { mergeNativeStyles } from "@mendix/pluggable-widgets-tools";
diff --git a/packages/generator-widget/generators/app/templates/pluggable/native/fullTemplateJs/src/WidgetName.jsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/native/fullTemplateJs/src/WidgetName.jsx.ejs
@@ -1,4 +1,4 @@
-import { Component, createElement } from "react";
+import { Component } from "react";
 
 import { Badge } from "./components/Badge";
 
diff --git a/packages/generator-widget/generators/app/templates/pluggable/native/fullTemplateJs/src/components/Badge.jsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/native/fullTemplateJs/src/components/Badge.jsx.ejs
@@ -1,4 +1,4 @@
-import { Component, createElement } from "react";
+import { Component } from "react";
 import { Platform, Text, TouchableNativeFeedback, TouchableOpacity, View } from "react-native";
 
 import { mergeNativeStyles } from "@mendix/pluggable-widgets-tools";
diff --git a/packages/generator-widget/generators/app/templates/pluggable/native/fullTemplateJsFn/src/WidgetName.jsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/native/fullTemplateJsFn/src/WidgetName.jsx.ejs
@@ -1,4 +1,4 @@
-import { createElement, useCallback } from "react";
+import { useCallback } from "react";
 
 import { Badge } from "./components/Badge";
 
diff --git a/packages/generator-widget/generators/app/templates/pluggable/native/fullTemplateJsFn/src/components/Badge.jsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/native/fullTemplateJsFn/src/components/Badge.jsx.ejs
@@ -1,4 +1,4 @@
-import { createElement, useMemo } from "react";
+import { useMemo } from "react";
 import { Platform, Text, TouchableNativeFeedback, TouchableOpacity, View } from "react-native";
 
 import { mergeNativeStyles } from "@mendix/pluggable-widgets-tools";
diff --git a/packages/generator-widget/generators/app/templates/pluggable/native/fullTemplateTs/src/WidgetName.tsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/native/fullTemplateTs/src/WidgetName.tsx.ejs
@@ -1,4 +1,4 @@
-import { Component, ReactNode, createElement } from "react";
+import { Component, ReactNode } from "react";
 
 import { Badge } from "./components/Badge";
 import { BadgeStyle } from "./ui/styles";
diff --git a/packages/generator-widget/generators/app/templates/pluggable/native/fullTemplateTs/src/components/Badge.tsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/native/fullTemplateTs/src/components/Badge.tsx.ejs
@@ -1,4 +1,4 @@
-import { Component, ReactNode, createElement } from "react";
+import { Component, ReactNode } from "react";
 import { Platform, Text, TouchableNativeFeedback, TouchableOpacity, View } from "react-native";
 
 import { mergeNativeStyles } from "@mendix/pluggable-widgets-tools";
diff --git a/packages/generator-widget/generators/app/templates/pluggable/native/fullTemplateTsFn/src/WidgetName.tsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/native/fullTemplateTsFn/src/WidgetName.tsx.ejs
@@ -1,4 +1,4 @@
-import { ReactElement, createElement, useCallback } from "react";
+import { ReactElement, useCallback } from "react";
 
 import { Badge } from "./components/Badge";
 import { BadgeStyle } from "./ui/styles";
diff --git a/packages/generator-widget/generators/app/templates/pluggable/native/fullTemplateTsFn/src/components/Badge.tsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/native/fullTemplateTsFn/src/components/Badge.tsx.ejs
@@ -1,4 +1,4 @@
-import { ReactElement, createElement, useMemo } from "react";
+import { ReactElement, useMemo } from "react";
 import { Platform, Text, TouchableNativeFeedback, TouchableOpacity, View } from "react-native";
 
 import { mergeNativeStyles } from "@mendix/pluggable-widgets-tools";
diff --git a/packages/generator-widget/generators/app/templates/pluggable/web/emptyTemplateJs/src/WidgetName.editorPreview.jsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/web/emptyTemplateJs/src/WidgetName.editorPreview.jsx.ejs
@@ -1,4 +1,4 @@
-import { Component, createElement } from "react";
+import { Component } from "react";
 import { HelloWorldSample } from "./components/HelloWorldSample";
 
 export class preview extends Component {
diff --git a/packages/generator-widget/generators/app/templates/pluggable/web/emptyTemplateJs/src/WidgetName.jsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/web/emptyTemplateJs/src/WidgetName.jsx.ejs
@@ -1,4 +1,4 @@
-import { Component, createElement } from "react";
+import { Component } from "react";
 
 import { HelloWorldSample } from "./components/HelloWorldSample";
 import "./ui/<%- name %>.css";
diff --git a/packages/generator-widget/generators/app/templates/pluggable/web/emptyTemplateJs/src/components/HelloWorldSample.jsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/web/emptyTemplateJs/src/components/HelloWorldSample.jsx.ejs
@@ -1,4 +1,4 @@
-import { Component, createElement } from "react";
+import { Component } from "react";
 
 export class HelloWorldSample extends Component {
     render() {
diff --git a/packages/generator-widget/generators/app/templates/pluggable/web/emptyTemplateJsFn/src/WidgetName.editorPreview.jsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/web/emptyTemplateJsFn/src/WidgetName.editorPreview.jsx.ejs
@@ -1,4 +1,3 @@
-import { createElement } from "react";
 import { HelloWorldSample } from "./components/HelloWorldSample";
 
 export function preview({ sampleText }) {
diff --git a/packages/generator-widget/generators/app/templates/pluggable/web/emptyTemplateJsFn/src/WidgetName.jsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/web/emptyTemplateJsFn/src/WidgetName.jsx.ejs
@@ -1,5 +1,3 @@
-import { createElement } from "react";
-
 import { HelloWorldSample } from "./components/HelloWorldSample";
 import "./ui/<%- name %>.css";
 
diff --git a/packages/generator-widget/generators/app/templates/pluggable/web/emptyTemplateJsFn/src/components/HelloWorldSample.jsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/web/emptyTemplateJsFn/src/components/HelloWorldSample.jsx.ejs
@@ -1,5 +1,3 @@
-import { createElement } from "react";
-
 export function HelloWorldSample({ sampleText }) {
     return <div className="widget-hello-world">Hello {sampleText}</div>;
 }
diff --git a/packages/generator-widget/generators/app/templates/pluggable/web/emptyTemplateTs/src/WidgetName.editorPreview.tsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/web/emptyTemplateTs/src/WidgetName.editorPreview.tsx.ejs
@@ -1,4 +1,4 @@
-import { Component, ReactNode, createElement } from "react";
+import { Component, ReactNode } from "react";
 import { HelloWorldSample } from "./components/HelloWorldSample";
 import { <%- name %>PreviewProps } from "../typings/<%- name %>Props";
 
diff --git a/packages/generator-widget/generators/app/templates/pluggable/web/emptyTemplateTs/src/WidgetName.tsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/web/emptyTemplateTs/src/WidgetName.tsx.ejs
@@ -1,4 +1,4 @@
-import { Component, ReactNode, createElement } from "react";
+import { Component, ReactNode } from "react";
 import { HelloWorldSample } from "./components/HelloWorldSample";
 
 import { <%- name %>ContainerProps } from "../typings/<%- name %>Props";
diff --git a/packages/generator-widget/generators/app/templates/pluggable/web/emptyTemplateTs/src/components/HelloWorldSample.tsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/web/emptyTemplateTs/src/components/HelloWorldSample.tsx.ejs
@@ -1,4 +1,4 @@
-import { Component, ReactNode, createElement } from "react";
+import { Component, ReactNode } from "react";
 
 export interface HelloWorldSampleProps {
     sampleText?: string;
diff --git a/packages/generator-widget/generators/app/templates/pluggable/web/emptyTemplateTsFn/src/WidgetName.editorPreview.tsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/web/emptyTemplateTsFn/src/WidgetName.editorPreview.tsx.ejs
@@ -1,4 +1,4 @@
-import { ReactElement, createElement } from "react";
+import { ReactElement } from "react";
 import { HelloWorldSample } from "./components/HelloWorldSample";
 import { <%- name %>PreviewProps } from "../typings/<%- name %>Props";
 
diff --git a/packages/generator-widget/generators/app/templates/pluggable/web/emptyTemplateTsFn/src/WidgetName.tsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/web/emptyTemplateTsFn/src/WidgetName.tsx.ejs
@@ -1,4 +1,4 @@
-import { ReactElement, createElement } from "react";
+import { ReactElement } from "react";
 import { HelloWorldSample } from "./components/HelloWorldSample";
 
 import { <%- name %>ContainerProps } from "../typings/<%- name %>Props";
diff --git a/packages/generator-widget/generators/app/templates/pluggable/web/emptyTemplateTsFn/src/components/HelloWorldSample.tsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/web/emptyTemplateTsFn/src/components/HelloWorldSample.tsx.ejs
@@ -1,4 +1,4 @@
-import { ReactElement, createElement } from "react";
+import { ReactElement } from "react";
 
 export interface HelloWorldSampleProps {
     sampleText?: string;
diff --git a/packages/generator-widget/generators/app/templates/pluggable/web/fullTemplateJs/src/WidgetName.editorPreview.jsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/web/fullTemplateJs/src/WidgetName.editorPreview.jsx.ejs
@@ -1,4 +1,4 @@
-import { Component, createElement } from "react";
+import { Component } from "react";
 import { BadgeSample } from "./components/BadgeSample";
 import { parseInlineStyle } from "@mendix/pluggable-widgets-tools";
 
diff --git a/packages/generator-widget/generators/app/templates/pluggable/web/fullTemplateJs/src/WidgetName.jsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/web/fullTemplateJs/src/WidgetName.jsx.ejs
@@ -1,5 +1,5 @@
 import "./ui/<%- name %>.css";
-import { Component, createElement } from "react";
+import { Component } from "react";
 
 import { BadgeSample } from "./components/BadgeSample";
 
diff --git a/packages/generator-widget/generators/app/templates/pluggable/web/fullTemplateJs/src/components/Alert.jsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/web/fullTemplateJs/src/components/Alert.jsx.ejs
@@ -1,4 +1,4 @@
-import { Component, createElement } from "react";
+import { Component } from "react";
 import classNames from "classnames";
 
 export class Alert extends Component {
diff --git a/packages/generator-widget/generators/app/templates/pluggable/web/fullTemplateJs/src/components/BadgeSample.jsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/web/fullTemplateJs/src/components/BadgeSample.jsx.ejs
@@ -1,4 +1,4 @@
-import { Component, createElement } from "react";
+import { Component } from "react";
 import classNames from "classnames";
 
 export class BadgeSample extends Component {
diff --git a/packages/generator-widget/generators/app/templates/pluggable/web/fullTemplateJsFn/src/WidgetName.editorPreview.jsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/web/fullTemplateJsFn/src/WidgetName.editorPreview.jsx.ejs
@@ -1,5 +1,3 @@
-import { createElement } from "react";
-
 import { parseInlineStyle } from "@mendix/pluggable-widgets-tools";
 
 import { BadgeSample } from "./components/BadgeSample";
diff --git a/packages/generator-widget/generators/app/templates/pluggable/web/fullTemplateJsFn/src/WidgetName.jsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/web/fullTemplateJsFn/src/WidgetName.jsx.ejs
@@ -1,4 +1,4 @@
-import { createElement, useCallback } from "react";
+import { useCallback } from "react";
 
 import { BadgeSample } from "./components/BadgeSample";
 import "./ui/<%- name %>.css";
diff --git a/packages/generator-widget/generators/app/templates/pluggable/web/fullTemplateJsFn/src/components/Alert.jsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/web/fullTemplateJsFn/src/components/Alert.jsx.ejs
@@ -1,4 +1,3 @@
-import { createElement } from "react";
 import classNames from "classnames";
 
 export function Alert({ className, bootstrapStyle, message }) {
diff --git a/packages/generator-widget/generators/app/templates/pluggable/web/fullTemplateJsFn/src/components/BadgeSample.jsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/web/fullTemplateJsFn/src/components/BadgeSample.jsx.ejs
@@ -1,4 +1,3 @@
-import { createElement } from "react";
 import classNames from "classnames";
 
 export function BadgeSample(props) {
diff --git a/packages/generator-widget/generators/app/templates/pluggable/web/fullTemplateTs/src/WidgetName.editorPreview.tsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/web/fullTemplateTs/src/WidgetName.editorPreview.tsx.ejs
@@ -1,4 +1,4 @@
-import { Component, ReactNode, createElement } from "react";
+import { Component, ReactNode } from "react";
 
 import { parseInlineStyle } from "@mendix/pluggable-widgets-tools";
 
diff --git a/packages/generator-widget/generators/app/templates/pluggable/web/fullTemplateTs/src/WidgetName.tsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/web/fullTemplateTs/src/WidgetName.tsx.ejs
@@ -1,4 +1,4 @@
-import { Component, ReactNode, createElement } from "react";
+import { Component, ReactNode } from "react";
 
 import { <%- name %>ContainerProps } from "../typings/<%- name %>Props";
 import { BadgeSample } from "./components/BadgeSample";
diff --git a/packages/generator-widget/generators/app/templates/pluggable/web/fullTemplateTs/src/components/Alert.tsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/web/fullTemplateTs/src/components/Alert.tsx.ejs
@@ -1,4 +1,4 @@
-import { Component, ReactNode, createElement } from "react";
+import { Component, ReactNode } from "react";
 import classNames from "classnames";
 
 export interface AlertProps {
diff --git a/packages/generator-widget/generators/app/templates/pluggable/web/fullTemplateTs/src/components/BadgeSample.tsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/web/fullTemplateTs/src/components/BadgeSample.tsx.ejs
@@ -1,4 +1,4 @@
-import { Component, ReactNode, CSSProperties, createElement } from "react";
+import { Component, ReactNode, CSSProperties } from "react";
 import classNames from "classnames";
 
 export interface BadgeSampleProps {
diff --git a/packages/generator-widget/generators/app/templates/pluggable/web/fullTemplateTsFn/src/WidgetName.editorPreview.tsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/web/fullTemplateTsFn/src/WidgetName.editorPreview.tsx.ejs
@@ -1,4 +1,4 @@
-import { ReactElement, createElement } from "react";
+import { ReactElement } from "react";
 
 import { parseInlineStyle } from "@mendix/pluggable-widgets-tools";
 
diff --git a/packages/generator-widget/generators/app/templates/pluggable/web/fullTemplateTsFn/src/WidgetName.tsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/web/fullTemplateTsFn/src/WidgetName.tsx.ejs
@@ -1,4 +1,4 @@
-import { ReactElement, createElement, useCallback } from "react";
+import { ReactElement, useCallback } from "react";
 
 import { <%- name %>ContainerProps } from "../typings/<%- name %>Props";
 import { BadgeSample } from "./components/BadgeSample";
diff --git a/packages/generator-widget/generators/app/templates/pluggable/web/fullTemplateTsFn/src/components/Alert.tsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/web/fullTemplateTsFn/src/components/Alert.tsx.ejs
@@ -1,4 +1,4 @@
-import { ReactElement, createElement } from "react";
+import { ReactElement } from "react";
 import classNames from "classnames";
 
 export interface AlertProps {
diff --git a/packages/generator-widget/generators/app/templates/pluggable/web/fullTemplateTsFn/src/components/BadgeSample.tsx.ejs b/packages/generator-widget/generators/app/templates/pluggable/web/fullTemplateTsFn/src/components/BadgeSample.tsx.ejs
@@ -1,4 +1,4 @@
-import { ReactElement, CSSProperties, createElement } from "react";
+import { ReactElement, CSSProperties } from "react";
 import classNames from "classnames";
 
 export interface BadgeSampleProps {
diff --git a/packages/pluggable-widgets-tools/configs/eslint.js.base.json b/packages/pluggable-widgets-tools/configs/eslint.js.base.json
@@ -29,18 +29,12 @@
     },
     "plugins": ["jest", "react"],
     "rules": {
-        "no-unused-vars": [
-            "warn",
-            {
-                "varsIgnorePattern": "createElement",
-                "args": "none"
-            }
-        ],
-
+        "no-unused-vars": "warn",
         "react/prop-types": "off",
         "react/no-deprecated": "warn",
         "react/jsx-uses-vars": "error",
         "react/jsx-uses-react": "off",
+        "react/react-in-jsx-scope": "off",
 
         "jest/no-disabled-tests": "warn",
         "jest/no-focused-tests": "error",
diff --git a/packages/pluggable-widgets-tools/configs/eslint.ts.base.json b/packages/pluggable-widgets-tools/configs/eslint.ts.base.json
@@ -32,20 +32,8 @@
     "plugins": ["@typescript-eslint", "react", "jest"],
     "rules": {
         "linebreak-style": ["error", "unix"],
-        "no-unused-vars": [
-            "warn",
-            {
-                "varsIgnorePattern": "createElement",
-                "args": "none"
-            }
-        ],
-        "@typescript-eslint/no-unused-vars": [
-            "warn",
-            {
-                "varsIgnorePattern": "createElement",
-                "args": "none"
-            }
-        ],
+        "no-unused-vars": "warn",
+        "@typescript-eslint/no-unused-vars": "warn",
         "@typescript-eslint/ban-types": "warn",
         "@typescript-eslint/ban-ts-comment": "warn",
         "@typescript-eslint/camelcase": "off",
@@ -94,6 +82,7 @@
         "react/no-deprecated": "warn",
         "react/jsx-uses-vars": "error",
         "react/jsx-uses-react": "off",
+        "react/react-in-jsx-scope": "off",
 
         "array-callback-return": "error",
         "curly": "error",
diff --git a/packages/pluggable-widgets-tools/configs/tsconfig.base.json b/packages/pluggable-widgets-tools/configs/tsconfig.base.json
@@ -16,8 +16,7 @@
         "skipLibCheck": true,
         "noUnusedLocals": true,
         "noUnusedParameters": true,
-        "jsx": "react",
-        "jsxFactory": "createElement",
+        "jsx": "react-jsx",
         "allowSyntheticDefaultImports": true,
         "esModuleInterop": true,
         "useUnknownInCatchVariables": false,
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { Component, createElement } from "react";`
	`1`	`+import { Component } from "react";`
`2`	`2`
`3`	`3`	`import { HelloWorld } from "./components/HelloWorld";`
`4`	`4`
Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,3 @@`
`1`		`-import { createElement } from "react";`
`2`		`-`
`3`	`1`	`import { HelloWorld } from "./components/HelloWorld";`
`4`	`2`
`5`	`3`	`export function <%- name %>({ yourName, style }) {`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,3 @@`
`1`		`-import { createElement } from "react";`
`2`	`1`	`import { Text, View } from "react-native";`
`3`	`2`
`4`	`3`	`import { mergeNativeStyles } from "@mendix/pluggable-widgets-tools";`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { Component, ReactNode, createElement } from "react";`
	`1`	`+import { Component, ReactNode } from "react";`
`2`	`2`	`import { TextStyle, ViewStyle } from "react-native";`
`3`	`3`
`4`	`4`	`import { Style } from "@mendix/pluggable-widgets-tools";`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { ReactElement, createElement } from "react";`
	`1`	`+import { ReactElement } from "react";`
`2`	`2`	`import { TextStyle, ViewStyle } from "react-native";`
`3`	`3`
`4`	`4`	`import { Style } from "@mendix/pluggable-widgets-tools";`