fixed issue

shoutout-labs · Sep 11, 2019 · fc2a76d · fc2a76d
1 parent fb19391
commit fc2a76d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 9 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "reactbootstrap-wizard-rb",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "reactbootstrap-wizard React component",
   "main": "lib/index.js",
   "module": "es/index.js",

diff --git a/src/index.js b/src/index.js
@@ -1,4 +1,4 @@
-import React, { useRef, forwardRef } from "react";
+import React, { useRef } from "react";
 import {
     Card,
     Nav,
@@ -334,8 +334,7 @@ class Wizard extends React.Component {
                         <Card.Body>
                             <Tab.Content>
                                 {this.props.steps.map((prop, key) => {
-                                    const Component = forwardRef(prop.component);
-
+
                                     return (
                                         <Tab.Pane
                                             eventKey={key}
@@ -345,11 +344,11 @@ class Wizard extends React.Component {
                                             })}
                                         >
                                             {typeof prop.component === "function" || typeof prop.component === "object" ? (
-                                                <Component
-                                                    ref={stepRefs[prop.stepName]}
-                                                    wizardData={this.state.wizardData}
-                                                    {...prop.stepProps}
-                                                />
+                                                <prop.component
+                                                ref={stepRefs[prop.stepName]}
+                                                wizardData={this.state.wizardData}
+                                                {...prop.stepProps}
+                                            />
                                             ) : (
                                                     <div ref={prop.stepName}>{prop.component}</div>
                                                 )}