fix: compatible with react legacy, not require react/jsx-runtime

.npmrc

@@ -1,3 +1,3 @@
 strict-peer-dependencies=false
-auto-install-peers=false
+auto-install-peers=true
 ignore-workspace-root-check=true

README.md

@@ -58,7 +58,7 @@ pnpm add use-antd-resizable-header
 - **若 column 未传入`dataIndex`，请传入一个唯一的`key`，否则按照将按照 column 的序号 index 计算唯一 key**
 - **若 column 有副作用，请把依赖项传入 useMemo deps 中**
 
-## 更新
+## Break-Change
 
 - v2.9.0起，不需要再手动引入css样式文件
 - 请安装 `use-antd-resizable-header`，而非 `@minko-fe/use-antd-resizable-header`

package.json

@@ -68,6 +68,7 @@
     "@types/react-resizable": "^3.0.5",
     "@vitest/ui": "^0.34.0",
     "antd": "^5.3.0",
+    "autoprefixer": "^10.4.17",
     "bumpp": "^9.0.0",
     "conventional-changelog-cli": "^4.1.0",
     "eslint": "^8.52.0",

postcss.config.cjs

@@ -1,3 +1,3 @@
 module.exports = {
-  plugins: [require('postcss-import'), require('postcss-nested')],
+  plugins: [require('postcss-import'), require('postcss-nested'), require('autoprefixer')],
 }

src/ResizableHeader.tsx

@@ -1,3 +1,4 @@
+import React from 'react'
 import { type FC, type ThHTMLAttributes, memo, useEffect } from 'react'
 import { useOverflowDetector } from 'react-detectable-overflow'
 import { Resizable, type ResizeCallbackData } from 'react-resizable'

src/utils/useLocalColumns.ts

@@ -14,7 +14,7 @@ function mergeColumns<T extends any[]>(src: T, target: T, mergeKey: string): T {
   const res = src
 
   if (Array.isArray(res) && Array.isArray(target)) {
-    res.forEach((t?, i?) => {
+    res.forEach((t, i) => {
       if (t?.children) {
         mergeColumns(t.children, target[i]?.children, mergeKey)
       } else {

tsconfig.json

@@ -4,6 +4,7 @@
     "baseUrl": ".",
     "noImplicitAny": false,
     "noUnusedLocals": false,
-    "noUnusedParameters": false
+    "noUnusedParameters": false,
+    "jsx": "react"
   }
 }