Use new JSX transform

Author: wojtekmaj

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

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

packages/react-datetime-picker/src/DateTimeInput.spec.tsx

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

packages/react-datetime-picker/src/DateTimeInput.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import React, { useEffect, useRef, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import {
   getYear,
   getMonthHuman,

packages/react-datetime-picker/src/DateTimeInput/NativeInput.spec.tsx

@@ -1,5 +1,4 @@
 import { describe, expect, it } from 'vitest';
-import React from 'react';
 import { render } from '@testing-library/react';
 
 import NativeInput from './NativeInput.js';

packages/react-datetime-picker/src/DateTimeInput/NativeInput.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import {
   getHours,
   getHoursMinutes,

packages/react-datetime-picker/src/DateTimePicker.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-datetime-picker/src/DateTimePicker.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';
@@ -754,7 +754,7 @@ const DateTimePicker: React.FC<DateTimePickerProps> = function DateTimePicker(pr
             onFocus={stopPropagation}
             type="button"
           >
-            {typeof clearIcon === 'function' ? React.createElement(clearIcon) : clearIcon}
+            {typeof clearIcon === 'function' ? createElement(clearIcon) : clearIcon}
           </button>
         )}
         {calendarIcon !== null && !disableCalendar && (
@@ -767,7 +767,7 @@ const DateTimePicker: React.FC<DateTimePickerProps> = function DateTimePicker(pr
             onFocus={stopPropagation}
             type="button"
           >
-            {typeof calendarIcon === 'function' ? React.createElement(calendarIcon) : calendarIcon}
+            {typeof calendarIcon === 'function' ? createElement(calendarIcon) : calendarIcon}
           </button>
         )}
       </div>

packages/react-datetime-picker/src/Divider.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 type DividerProps = {
   children?: React.ReactNode;
 };

packages/react-datetime-picker/tsconfig.json

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