Changed React import to * from React

README.md

@@ -55,7 +55,7 @@ yarn add react-sketch-canvas
 Common usage example
 
 ```javascript
-import React from 'react';
+import * as React from 'react';
 import { ReactSketchCanvas } from 'react-sketch-canvas';
 
 const styles = {
@@ -79,7 +79,7 @@ const Canvas = () => {
 To export Data URL of your sketch use ref
 
 ```javascript
-import React from "react";
+import * as React from "react";
 import { ReactSketchCanvas } from "react-sketch-canvas";
 
 const styles = {
@@ -200,4 +200,4 @@ interface CanvasPath {
 [smooth-curve-tutorial]: https://medium.com/@francoisromain/smooth-a-svg-path-with-cubic-bezier-curves-e37b49d46c74
 [css-bg]: https://developer.mozilla.org/en-US/docs/Web/CSS/background
 [immer]: https://immerjs.github.io/immer/docs/introduction
-[preserveaspectratio]: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/preserveAspectRatio
+[preserveaspectratio]: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/preserveAspectRatio

libs/react-sketch-canvas/src/lib/Canvas/index.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import Paths from '../Paths';
 import { CanvasPath, ExportImageType, Point } from '../types';
 

libs/react-sketch-canvas/src/lib/Paths/index.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { CanvasPath, Point } from '../types';
 
 const svgPath = (

libs/react-sketch-canvas/src/lib/ReactSketchCanvas/index.tsx

@@ -1,5 +1,5 @@
 import { produce } from 'immer';
-import React from 'react';
+import * as React from 'react';
 import { Canvas } from '../Canvas';
 import { CanvasPath, ExportImageType, Point } from '../types';
 

libs/react-sketch-canvas/src/stories/0.demo.stories.mdx

@@ -44,7 +44,7 @@ yarn add react-sketch-canvas
 Common usage example
 
 ```javascript
-import React from 'react';
+import * as React from 'react';
 import { ReactSketchCanvas } from 'react-sketch-canvas';
 
 const styles = {
@@ -68,7 +68,7 @@ const Canvas = () => {
 To export Data URL of your sketch use ref
 
 ```javascript
-import React from "react";
+import * as React from "react";
 import { ReactSketchCanvas } from "react-sketch-canvas";
 
 const styles = {

libs/react-sketch-canvas/src/stories/1.demo.stories.tsx

@@ -2,7 +2,7 @@
 /* eslint-disable jsx-a11y/label-has-associated-control */
 
 import { Meta, Story } from '@storybook/react';
-import React from 'react';
+import * as React from 'react';
 import { CanvasPath, ReactSketchCanvas, ReactSketchCanvasProps } from '..';
 import './demo.stories.css';