style: allow unsed React imports (we still need it to support <18) and

require \`type\` for type imports

.eslintignore

@@ -1,2 +1,4 @@
+.nyc/
 node_modules/
+dist/
 *.ignore

.eslintrc

@@ -36,12 +36,14 @@
     "react/jsx-indent-props": 0,
     "react/prop-types": 0,
 
+    "@typescript-eslint/consistent-type-imports": "error",
     "@typescript-eslint/no-unused-vars": [
       "warn",
       {
         "args": "all",
-        "argsIgnorePattern": "^_",
-        "varsIgnorePattern": "^_"
+        // Although this repo uses React 18 the library supports React 16+ so we still need to import React.
+        "argsIgnorePattern": "^(_|React)",
+        "varsIgnorePattern": "^(_|React)"
       }
     ],
     "@typescript-eslint/no-use-before-define": "warn"

example/src/App.tsx

@@ -1,4 +1,5 @@
-import { ReactImageTurntable, ReactImageTurntableProps } from 'react-image-turntable';
+import { ReactImageTurntable } from 'react-image-turntable';
+import type { ReactImageTurntableProps } from 'react-image-turntable';
 
 export const images = [
   'https://static2.zerolight.com/web/df3a45687480167bb4451d79c02f67bd/img/2d-explorer/bmw/P0C1G__S022B__FX3A9/P0C1G__S022B__FX3A9__Spin_01.jpg?v=1',

playwright.config.ts

@@ -1,4 +1,5 @@
-import { PlaywrightTestConfig, devices } from '@playwright/test';
+import { devices } from '@playwright/test';
+import type { PlaywrightTestConfig } from '@playwright/test';
 
 const config: PlaywrightTestConfig = {
   forbidOnly: !!process.env.CI,

src/ReactImageTurntable.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { FC } from 'react';
+import type { CSSProperties, FC } from 'react';
 
 import { useTurntableState } from './hooks';
 import type { ReactImageTurntableFullProps } from './types';
@@ -29,7 +29,7 @@ export const ReactImageTurntable: FC<ReactImageTurntableFullProps> = ({
     movementSensitivity,
   });
 
-  const rootStyle: React.CSSProperties = {
+  const rootStyle: CSSProperties = {
     position: 'relative',
     touchAction: 'none',
     userSelect: 'none',