diff --git a/README.md b/README.md
index 433f828..fc64c96 100644
--- a/README.md
+++ b/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
\ No newline at end of file
+[preserveaspectratio]: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/preserveAspectRatio
diff --git a/libs/react-sketch-canvas/src/lib/Canvas/index.tsx b/libs/react-sketch-canvas/src/lib/Canvas/index.tsx
index ed844d4..fb543a5 100644
--- a/libs/react-sketch-canvas/src/lib/Canvas/index.tsx
+++ b/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';
 
diff --git a/libs/react-sketch-canvas/src/lib/Paths/index.tsx b/libs/react-sketch-canvas/src/lib/Paths/index.tsx
index 614abe7..44fd520 100644
--- a/libs/react-sketch-canvas/src/lib/Paths/index.tsx
+++ b/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 = (
diff --git a/libs/react-sketch-canvas/src/lib/ReactSketchCanvas/index.tsx b/libs/react-sketch-canvas/src/lib/ReactSketchCanvas/index.tsx
index 581db00..67946a3 100644
--- a/libs/react-sketch-canvas/src/lib/ReactSketchCanvas/index.tsx
+++ b/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';
 
diff --git a/libs/react-sketch-canvas/src/stories/0.demo.stories.mdx b/libs/react-sketch-canvas/src/stories/0.demo.stories.mdx
index 7d161e2..f596a83 100644
--- a/libs/react-sketch-canvas/src/stories/0.demo.stories.mdx
+++ b/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 = {
diff --git a/libs/react-sketch-canvas/src/stories/1.demo.stories.tsx b/libs/react-sketch-canvas/src/stories/1.demo.stories.tsx
index 0828987..ab4f1aa 100644
--- a/libs/react-sketch-canvas/src/stories/1.demo.stories.tsx
+++ b/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';