Hi!

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

Check the render method of `InputWithButton`.

This error is located at:
    in RCTView (at View.js:60)
    in View (at InputWithButton.js:25)
    in InputWithButton (at Home.js:38)
    in RCTView (at View.js:60)
    in View (at Container.js:8)
    in Container (at Home.js:28)
    in Home (at index.js:13)
    in Unknown (at registerRootComponent.js:35)
    in RootErrorBoundary (at registerRootComponent.js:34)
    in ExpoRootComponent (at renderApplication.js:33)
    in RCTView (at View.js:60)
    in View (at AppContainer.js:102)
    in RCTView (at View.js:60)
    in View (at AppContainer.js:122)
    in AppContainer (at renderApplication.js:32)
- node_modules/react-native/Libraries/Renderer/ReactNativeRenderer-dev.js:4706:4 in throwOnInvalidElementType
- node_modules/react-native/Libraries/Renderer/ReactNativeRenderer-dev.js:4668:36 in createFiberFromElement
- ... 28 more stack frames from framework internals

I've checked everything and seems to be good. Not sure what could be happening.

You can see offending code in my repo: https://github.com/cesc1989/currency-converter

Thanks for your help!

Hi, i'm currenly watching your lessons, at the module-3-lesson-1 when i saved the code this is what i get in my phone with a red screen, can you help me please?

How do I implement triggering dropdownalert outside a component aside from callback? say inside a watcher function?

where am i doing wrong. I did copy and paste

After including LastConverted component in Home screen, I'm getting this error Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports

You created nav.js in the reducers folder.
https://learn.handlebarlabs.com/courses/175915/lectures/2830993

In styles.js In Logo folder

for logo we need to set

logo {
width: imageWidth/2,
height: imageHeight/2
}

I'm in module 3 creating Home Container

I am trying to learn react-native with this nice tutorial but I get an error and cannot figure out what it is
Module 3: The User Interface => options screen min 8

I have this error I just follow the exact tutorial and cannot find any solution all of the solutions are with react-native command and I am using expo
app/screens/Options.js
`import React, { Component } from 'react';
import { StatusBar, ScrollView } from 'react-native';
import { Ionicons } from '@expo/vector-icons';

import { ListItem, Separator } from '../components/List';

const ICON_COLOR = '#868686';
const ICON_SIZE = 23;

class Options extends Component {
handleThemesPress = () => {
console.log("ThemesPress");
};

handleSitePress = () => {
console.log("SitePress");
};

render() {
return (


<ListItem
text={"Themes"}
onPress={this.handleThemesPress}
customIcon={

}
/>

<ListItem
text={"Fixer.io"}
onPress={this.handleSitePress}
customIcon={}
/>

)
}
}

export default Options;`

app/components/List/ListItem
`import React from 'react';
import PropTypes from 'prop-types';
import { View, Text, TouchableHighlight } from 'react-native';
import styles from './styles';
import Icon from './Icon';

const ListItem = ({
text,
onPress,
selected = false,
checkmark = true,
visible = true,
customIcon = null,
}) => (


{ text }
{ selected ? : }
{ customIcon }


);

ListItem.propTypes = {
text: PropTypes.string,
onPress: PropTypes.func,
selected: PropTypes.bool,
checkmark: PropTypes.bool,
visible: PropTypes.bool,
customIcon: PropTypes.element,
}
export default ListItem;`

Please help

Hi, great tutorials so far, but this part of the animation has stumped me.

Using Android devices to test.

I have tried my own way of fixing this, but ultimately I have copied exactly your styles.js and logo.js, and when the keyboard opens/closes, it takes a few seconds and then jumps straight to the end value so you dont see the logo shrinking/expanding. It just renders immediately to the start or end values.

Have you come across this before?

Missing React Dependency when npm install

putting "react": "16.0.0" to package.json seems to fix this issue.

i get this error trying to build my version at lesson about the logo
i think i put all the relevant files in this repo https://github.com/Fuseteam/RNcurrencyconverter

Hi, is there the paid resource that was discussed in the video and if so, where is it? Link? Is there a slack?

Additionally, I have gotten through the Home Screen: Container module and even set the background of my app to blue etc. However, on my iphone 7 that is on the same network as my laptop, the background just says 'Open up App.js to start working on your app'

I have App.js open in visual studio code and I've been able to successfully scan the QR code on my phone. What am I missing? I thought I wouldn't need a simulator to run this.

I rewatched the first few modules a couple times to see what I missed, but I still have no idea

I followed your steps:

git clone https://github.com/HandlebarLabs/currency-converter-starter.git
cd currency-converter-starter
git checkout module-3-lesson-1
npm install

When I do npm start I get:

Unable to resolve module `react-native/Libraries/Renderer/shims/ReactNativeBridgeEventPlugin` from `/Users/joel/src/react-native/currency-converter-starter/node_modules/react-native-gesture-handler/GestureHandler.js`: Module does not exist in the module map

This might be related to https://github.com/facebook/react-native/issues/4968
To resolve try the following:
  1. Clear watchman watches: `watchman watch-del-all`.
  2. Delete the `node_modules` folder: `rm -rf node_modules && npm install`.
  3. Reset packager cache: `rm -fr $TMPDIR/react-*` or `npm start -- --reset-cache`.

ABI19_0_0RCTFBQuickPerformanceLoggerConfigureHooks
ABI19_0_0RCTFBQuickPerformanceLoggerConfigureHooks
ABI19_0_0RCTFBQuickPerformanceLoggerConfigureHooks





CFRunLoopRunSpecific
GSEventRunModal
UIApplicationMain
Exponent

I tried all the cleans etc and nothing worked. The only thing that worked is npm install --save [email protected].

See also facebook/react-native#4968

Any ideas?

Thanks! :-)

Hello,
Currently, I'm facing some problems with getting the inputwithbutton part working. I have the exact same code as you provided for that unit but I keep getting an error on expo stating that:

But every time that I comment out the inputwithbutton unit in the Home.js file, everything works fine except without the text bar showing on my simulator so can somebody help me with this problem?

ERROR TEXT :

The development server returned response error code: 500

URL: http://10.0.2.2:8081/index.delta?platform=android&dev=true&minify=false&deltaBundleId=a52438527f8ac0da

Body:
{"originModulePath":"D:\reactnativeprojeleri\yourappname\node_modules\@expo\vector-icons\createIconSetFromFontello.js","targetModuleName":"expo","message":"Unable to resolve module expo from D:\\reactnativeprojeleri\\yourappname\\node_modules\\@expo\\vector-icons\\createIconSetFromFontello.js: Module expo does not exist in the Haste module map\n\nThis might be related to https://github.com/facebook/react-native/issues/4968\nTo resolve try the following:\

PLEASE HELPPP MEEE

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

Check the render method of CellRenderer.

This error is located at:
in RCTView (at View.js:60)
in View (at VirtualizedList.js:1664)
in CellRenderer (at VirtualizedList.js:670)
in RCTView (at View.js:60)
in View (at ScrollView.js:791)
in RCTScrollView (at ScrollView.js:887)
in ScrollView (at VirtualizedList.js:1024)
in VirtualizedList (at FlatList.js:644)
in FlatList (at CurrencyList.js:18)
in RCTView (at View.js:60)
in View (at CurrencyList.js:16)
in CurrencyList (at index.js:19)
in Unknown (at renderApplication.js:33)
in RCTView (at View.js:60)
in View (at AppContainer.js:102)
in RCTView (at View.js:60)
in View (at AppContainer.js:122)
in AppContainer (at renderApplication.js:32)