inView.js | Simple jQuery plugin to execute a function when an element | Plugin library

I'm having trouble with dynamically importing components in my code. The error message is:

Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

I know that there are a lot of the same errors to find in the web and I already read, that it could be an issue of how I importing the namespace, but actually I did not get it to work. Maybe someone could give a hint or a solution to my problem:

The situation: Depending on the navigation property I want to import the suitable component view. So the value of this.props.navigation is a string value, which possible value is i.e. SignInView. When you open the page first time the value is null.

This is the code of my App.js file:

I am working on application which includes front site layout and admin site layout both of them have different JS and CSS files. I want to keep them a part not to conflict with each other. Here is my index.html page code

I am trying to build my first project with React, using the material-ui-kit from Creative Tim, but I get an error while trying to import a component. My file structure is as follows:

I have a dummy Login code with formik form in react-native

I am trying to deploy a mobile webapp using PhoneGap build. The webapp is ran through Docker, using HTML, CSS, and JS on the front end, connected to a Python, Apache, and SQL servers on the back end, running through docker.

This works fine as a website, and displays correctly on a mobile web browser. However, when I try to package the app using phonegap build, it displays only the index.html page.

I believe this may be an issue with the model view controller set up I am using for my webapp (so that multiple pages load inside the 1 page)

the pages are gotten as follows:

I have the following React Native App set up and I'm trying to use the Toast component from Native Base:

app.js

I want to change the theme of the app(say background colors) by selecting from a list of colors. I've tried saving the state in a reducer and applying the state to a new page.

LoginView.js

I'm trying to use Firebase Authentication and am getting the below error when running react-native run-android. The error is happening in the node terminal that pops up when \react-native\scripts\..\local-cli\cli.js script runs. I'm following the docs for the initial setup, android setup, and auth setup. Where is the dist/ folder supposed to come from? Thanks in advance!

error: bundling failed: Error: While trying to resolve module react-native-firebase from file D:\Temp\projects\app\src\components\LoginView.js, the package D:\Temp\projects\app\node_modules\react-native-firebase\package.json was successfully found. However, this package itself specifies a main module field that could not be resolved (D:\Temp\projects\app\node_modules\react-native-firebase\dist\index.js. Indeed, none of these files exist:

• D:\Temp\projects\app\node_modules\react-native-firebase\dist\index.js(.native||.android.js|.native.js|.js|.android.json|.native.json|.json|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx)
• D:\Temp\projects\app\node_modules\react-native-firebase\dist\index.js\index(.native||.android.js|.native.js|.js|.android.json|.native.json|.json|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx) at ResolutionRequest.resolveDependency (D:\Temp\projects\app\node_modules\metro\src\node-haste\DependencyGraph\ResolutionRequest.js:61:15) at DependencyGraph.resolveDependency (D:\Temp\projects\app\node_modules\metro\src\node-haste\DependencyGraph.js:219:16) at Object.resolve (D:\Temp\projects\app\node_modules\metro\src\lib\transformHelpers.js:141:30) at dependencies.map.result (D:\Temp\projects\app\node_modules\metro\src\DeltaBundler\traverseDependencies.js:373:31) at Array.map () at resolveDependencies (D:\Temp\projects\app\node_modules\metro\src\DeltaBundler\traverseDependencies.js:369:18) at D:\Temp\projects\app\node_modules\metro\src\DeltaBundler\traverseDependencies.js:188:33 at Generator.next () at step (D:\Temp\projects\app\node_modules\metro\src\DeltaBundler\traverseDependencies.js:298:30) at D:\Temp\projects\app\node_modules\metro\src\DeltaBundler\traverseDependencies.js:309:15

package.json:

{"dependencies": { "react": "^16.6.0-alpha.8af6728", "react-native": "0.57.4", "react-native-firebase": "^5.1.0" }, "peerDependencies": { "react": "^16.5.0" }, "devDependencies": { "babel-jest": "23.6.0", "jest": "23.6.0", "metro-react-native-babel-preset": "0.49.0", "react-test-renderer": "16.6.0-alpha.8af6728" }

I have been working on react-native to get the callback from child to parent. Below is the code snippet of my implementation:

MainView.js