Unable to send props to react component imported from index.esm.js file

Asked Aug 03 '21 at 07:36

Active Aug 03 '21 at 08:21

Viewed 78 times

I'm trying to test the build file for the npm package I wish to publish. I have used rollup to build, generated files are - index.cjs.js, index.cjs.js.map, index.esm.js. when I import the esm.js file which has my react component defined and I send props, it shows props undefined, due to which I'm unable to test the functionality. Not sure why it's happening. Here's the code-

import ErrorBoundary from '../src/dist/index.esm'

export default function App(){
return(
<div><ErrorBoundary
onError="Hello"
><Home/></ErrorBoundaryr></div>
)
}

Here's my component in esm file-

class ErrorBoundary extends React.Component{
constructor (props){
super(props);
this.state={
hasError: false
};
}

//other part of code }

edited Aug 03 '21 at 08:21

asked Aug 03 '21 at 07:36

Min Yoongi

Rather than plain text explanation, can you provide a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) please? – Yogesh Yadav Aug 03 '21 at 07:40
@Yogesg Yadav I've edited the question and added code snippet now. Thanks – Min Yoongi Aug 03 '21 at 07:59
You are passing prop to `ErrorHandler` but expecting it in `ErrorBoundary `? – Yogesh Yadav Aug 03 '21 at 08:05
@Yogesh Yadav, I must have missed changing that,. I've edited it. But I'm using the same component name in import which is there is esm file – Min Yoongi Aug 03 '21 at 08:23

Unable to send props to react component imported from index.esm.js file

0 Answers0