Use new JSX transform

Author: wojtekmaj

packages/react-timerange-picker/.eslintrc.json

@@ -1,3 +1,3 @@
 {
-  "extends": "wojtekmaj/react-no-automatic-runtime"
+  "extends": "wojtekmaj/react"
 }

packages/react-timerange-picker/src/TimeRangePicker.spec.tsx

@@ -1,5 +1,4 @@
 import { describe, expect, it, vi } from 'vitest';
-import React from 'react';
 import { act, fireEvent, render, waitFor, waitForElementToBeRemoved } from '@testing-library/react';
 import { userEvent } from '@testing-library/user-event';
 

packages/react-timerange-picker/src/TimeRangePicker.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { createElement, useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
 import PropTypes from 'prop-types';
 import makeEventProps from 'make-event-props';
@@ -582,7 +582,7 @@ const TimeRangePicker: React.FC<TimeRangePickerProps> = function TimeRangePicker
             onFocus={stopPropagation}
             type="button"
           >
-            {typeof clearIcon === 'function' ? React.createElement(clearIcon) : clearIcon}
+            {typeof clearIcon === 'function' ? createElement(clearIcon) : clearIcon}
           </button>
         )}
         {clockIcon !== null && !disableClock && (
@@ -595,7 +595,7 @@ const TimeRangePicker: React.FC<TimeRangePickerProps> = function TimeRangePicker
             onFocus={stopPropagation}
             type="button"
           >
-            {typeof clockIcon === 'function' ? React.createElement(clockIcon) : clockIcon}
+            {typeof clockIcon === 'function' ? createElement(clockIcon) : clockIcon}
           </button>
         )}
       </div>

packages/react-timerange-picker/tsconfig.json

@@ -3,7 +3,7 @@
     "declaration": true,
     "esModuleInterop": true,
     "isolatedModules": true,
-    "jsx": "react",
+    "jsx": "react-jsx",
     "module": "nodenext",
     "noEmit": true,
     "noUncheckedIndexedAccess": true,