组件异常元素类型无效

Question

So I'm having an error that I have no idea where it coming from:

I tried finding where is HeaderSegment but it doesn't exist in my project, I don't have-

import HeaderSegment from './example.js'

I did the usual searched in google but the problem in these answers that I don't have any import module that is HeaderSegment . I'm using React native, Admob and Firebase, and I don't really know where the error is located so here the Repo. I tried to remove node_modules and then npm install but no good, here the stack:

(Ofcourse that doesn't work) I know it hard to answer this question there two files involved they are header.js and homeStack.js. Any help will make me happy, Thank you.

Answer 1

Issue

Seems you have mixed up default and named imports of your Header component.

Header is default exported from header.js :

export default Header;

but imported as a named import in homeStack.js :

import { Header } from '../shared/header';

Solution

Fix the Header export to match how it's imported (named export/import):

export Header;

or fix the Header import to match how it's exported (default export/import):

import Header from '../shared/header';

Answer 2

So I'm having an error that I have no idea where it coming from:

I tried finding where is HeaderSegment but it doesn't exist in my project, I don't have-

import HeaderSegment from './example.js'

I did the usual searched in google but the problem in these answers that I don't have any import module that is HeaderSegment . I'm using React native, Admob and Firebase, and I don't really know where the error is located so here the Repo. I tried to remove node_modules and then npm install but no good, here the stack:

(Ofcourse that doesn't work) I know it hard to answer this question there two files involved they are header.js and homeStack.js. Any help will make me happy, Thank you.