remove babel and only keep typescript

Author: v1rtl

package.json

@@ -49,15 +49,10 @@
     "three-stdlib": "^2.21.10"
   },
   "devDependencies": {
-    "@babel/core": "^7.21.4",
-    "@babel/plugin-transform-runtime": "7.21.4",
-    "@babel/preset-env": "^7.21.4",
-    "@babel/preset-react": "7.18.6",
-    "@babel/preset-typescript": "^7.21.4",
     "@react-three/fiber": "^8.13.0",
-    "@rollup/plugin-babel": "^6.0.3",
     "@rollup/plugin-commonjs": "^24.1.0",
     "@rollup/plugin-node-resolve": "^15.0.2",
+    "@rollup/plugin-typescript": "^11.1.0",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.1",
     "@types/three": "^0.150.2",

rollup.config.js

@@ -1,40 +1,23 @@
 import path from 'path'
-import { babel } from '@rollup/plugin-babel'
 import resolve from '@rollup/plugin-node-resolve'
 import filesize from 'rollup-plugin-filesize'
+import typescript from '@rollup/plugin-typescript'
 
 const root = process.platform === 'win32' ? path.resolve('/') : '/'
 const external = (id) => !id.startsWith('.') && !id.startsWith(root)
 const extensions = ['.js', '.jsx', '.ts', '.tsx']
 
-const getBabelOptions = ({ useESModules }, targets) => ({
-  babelrc: false,
-  extensions,
-  exclude: '**/node_modules/**',
-  babelHelpers: 'runtime',
-  presets: [
-    ['@babel/preset-env', { loose: true, modules: false, targets }],
-    '@babel/preset-react',
-    '@babel/preset-typescript',
-  ],
-  plugins: [['@babel/transform-runtime', { regenerator: false, useESModules }]],
-})
-
 export default [
   {
     input: `./src/index.tsx`,
     output: { file: `dist/index.js`, format: 'esm' },
     external,
-    plugins: [
-      babel(getBabelOptions({ useESModules: true }, '>5%, not dead, not ie 11, not op_mini all, node >=12')),
-      filesize(),
-      resolve({ extensions }),
-    ],
+    plugins: [typescript(), resolve({ extensions }), filesize()],
   },
   {
     input: `./src/index.tsx`,
     output: { file: `dist/index.cjs`, format: 'cjs' },
     external,
-    plugins: [babel(getBabelOptions({ useESModules: false })), filesize(), resolve({ extensions })],
+    plugins: [typescript(), resolve({ extensions }), filesize()],
   },
 ]

src/Selection.tsx

@@ -36,7 +36,7 @@ export function Select({ enabled = false, children, ...props }: SelectApi) {
         }
       }
     }
-  }, [enabled, children])
+  }, [enabled, children, api])
   return (
     <group ref={group} {...props}>
       {children}

src/effects/Pixelation.tsx

@@ -1,4 +1,4 @@
-import React, { forwardRef, useMemo, Ref } from 'react'
+import { forwardRef, useMemo, Ref } from 'react'
 import { PixelationEffect } from 'postprocessing'
 
 export type PixelationProps = {