Import React module correctly in src file

AaronCCWong · Nov 7, 2019 · 27f3e16 · 27f3e16
1 parent a4b1856
commit 27f3e16
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 7 deletions.
diff --git a/lib/ReactCardFlip.d.ts b/lib/ReactCardFlip.d.ts
@@ -1,3 +1,3 @@
-import React from 'react';
+import * as React from 'react';
 declare const ReactCardFlip: React.FC<ReactFlipCardProps>;
 export default ReactCardFlip;
diff --git a/lib/ReactCardFlip.js b/lib/ReactCardFlip.js
@@ -11,6 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+var React = require("react");
 var react_1 = require("react");
 var ReactCardFlip = function (props) {
     var flipDirection = props.flipDirection, infinite = props.infinite, flipSpeedFrontToBack = props.flipSpeedFrontToBack, flipSpeedBackToFront = props.flipSpeedBackToFront, _a = props.cardStyles, front = _a.front, back = _a.back, containerStyle = props.containerStyle, cardZIndex = props.cardZIndex;
@@ -45,10 +46,10 @@ var ReactCardFlip = function (props) {
         front: __assign({ WebkitBackfaceVisibility: 'hidden', backfaceVisibility: 'hidden', left: '0', position: isFlipped ? 'absolute' : 'relative', top: '0', transform: flipDirection === 'horizontal' ? frontRotateY : frontRotateX, transformStyle: 'preserve-3d', width: '100%', height: '100%', zIndex: '2', transition: flipSpeedBackToFront + "s" }, front),
         back: __assign({ WebkitBackfaceVisibility: 'hidden', backfaceVisibility: 'hidden', left: '0', position: isFlipped ? 'relative' : 'absolute', transform: flipDirection === 'horizontal' ? backRotateY : backRotateX, transformStyle: 'preserve-3d', top: '0', width: '100%', height: '100%', transition: flipSpeedFrontToBack + "s" }, back)
     };
-    return (react_1.default.createElement("div", { className: "react-card-flip", style: __assign(__assign({}, styles.container), containerStyle) },
-        react_1.default.createElement("div", { className: "react-card-flipper", style: styles.flipper },
-            react_1.default.createElement("div", { className: "react-card-front", style: styles.front }, getComponent(0)),
-            react_1.default.createElement("div", { className: "react-card-back", style: styles.back }, getComponent(1)))));
+    return (React.createElement("div", { className: "react-card-flip", style: __assign(__assign({}, styles.container), containerStyle) },
+        React.createElement("div", { className: "react-card-flipper", style: styles.flipper },
+            React.createElement("div", { className: "react-card-front", style: styles.front }, getComponent(0)),
+            React.createElement("div", { className: "react-card-back", style: styles.back }, getComponent(1)))));
 };
 ReactCardFlip.defaultProps = {
     containerStyle: {},

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-card-flip",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "ReactCardFlip",
   "main": "./lib/ReactCardFlip.js",
   "types": "./lib/ReactCardFlip.d.ts",

diff --git a/src/ReactCardFlip.tsx b/src/ReactCardFlip.tsx
@@ -1,4 +1,5 @@
-import React, { useState, useEffect } from 'react';
+import * as React from 'react';
+import { useState, useEffect } from 'react';
 
 const ReactCardFlip: React.FC<ReactFlipCardProps> = props => {
   const {