React Native error: Element type is invalid: expected a string or a class/function but got: object

Question

I am getting this error and I am having a lot of trouble fixing this.

What I am trying to do here is have 3 different screens and have a tabbar that navigates to eac

Answer 1

Modify your SwitchView to this:

import Feed from './app/pages/Feed/Feed';
import Board from './app/pages/Board';
import Wiki from './app/pages/Wiki';
export default class SwitchView extends Component {
render(){
    var { id } = this.props;

    switch (id) {
        case "FeedView":
            return <Feed/>
        case "WikiView":
            return <Wiki/>
        case "BoardView":
            return <Board/>
    }
}
}

Answer 2

How is that different from module.exports = SwitchView?

For me module.exports works for all of my js files except one.

Answer 3

This is probably caused by some JS module export/import issues in your program, typically for one of the two reasons listed below:

1. You forget to export or you export something incorrectly
2. You import something that doesn't exist or you import something incorrectly

I ran into similar error, but in my case it was not caused by export, but rather import. I used the import statement incorrectly to import something that doesn't exist in the module.