feat: library now uses react-jsx

example/Example.stories.tsx

@@ -1,5 +1,4 @@
 import type { Meta, Story } from '@storybook/react';
-import * as React from 'react';
 
 const ComponentTest = () => (
 	<div

example/tsconfig.json

@@ -0,0 +1,4 @@
+{
+	"extends": "../tsconfig.json",
+	"include": ["**/*"]
+}

src/components/Columns.svg.tsx

@@ -1,5 +1,3 @@
-import * as React from 'react';
-
 export const Columns = (
 	<svg
 		xmlns="http://www.w3.org/2000/svg"

src/components/Grids.tsx

@@ -10,7 +10,6 @@ import {
 } from '@storybook/theming';
 import { ContinuousContainer } from '@theuiteam/continuous-container';
 import type { FunctionComponent } from 'react';
-import * as React from 'react';
 import { memo, useMemo } from 'react';
 import { createPortal } from 'react-dom';
 import type { AddonParameters, AddonState, GridParameters } from '../../index';

src/components/Tools.tsx

@@ -6,7 +6,6 @@ import {
 } from '@storybook/api/shortcut';
 import { IconButton } from '@storybook/components';
 import { PREVIEW_KEYDOWN } from '@storybook/core-events';
-import * as React from 'react';
 import { useCallback, useEffect } from 'react';
 import type { AddonParameters, AddonState } from '../../index';
 import { ADDON_ID, PARAM_KEY } from '../constants';

src/register.tsx

@@ -1,5 +1,4 @@
 import addons, { types } from '@storybook/addons';
-import * as React from 'react';
 import { Tools } from './components/Tools';
 import { ADDON_ID, PARAM_KEY } from './constants';
 

tsconfig.json

@@ -1,13 +1,12 @@
 {
 	"extends": "@marais/tsconfig",
 	"compilerOptions": {
-		"jsx": "react",
-		"rootDir": "./",
-		"outDir": "dist",
-		"target": "ES2019",
-		"declaration": true,
+		"jsx": "react-jsx",
+		"noEmit": true,
+		"declaration": false,
 		"removeComments": false,
-		"lib": ["DOM", "ESNext"]
+		"lib": ["DOM", "ESNext"],
+		"baseUrl": "."
 	},
 	"include": ["src/**/*.ts", "src/**/*.tsx"],
 	"exclude": ["node_modules"]