React Native “Only one default export allowed per module” error

Question

Good day, I'm using react native. I need to use two exports in a folder, but I get this error when using it. What is the problem?

import history from "./components/usrFirst";
import { withRouter } from "react-router-dom";

class LoginForm extends Component {
...
}
export default withRouter(LoginForm);
export default !firebase.apps.length ? firebase.initializeApp(config) : firebase.app();

Dan · Accepted Answer · 2019-10-25 10:17:52Z

1

As the error states, you can't have multiple default exports. You can have one, and then used a named export for the other.

const FirebaseComponent = !firebase.apps.length ? firebase.initializeApp(config) : firebase.app();
export {
  FirebaseComponent
}
export default withRouter(LoginForm)

Then you would use it like so

import LoginForm, { FirebaseComponent } from 'foo.js'

answered Oct 25, 2019 at 10:17

Dan

8,9229 gold badges46 silver badges82 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

React Native “Only one default export allowed per module” error

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related