React Native won't recognise import

Question

I'm trying to import a component into another, but react native keeps throwing error of:

[Error: undefined Unable to resolve module ./components/ColorBox from App.js:

Below is an image describing my file structure:

Answer 1

Please export ColorBox component.

For example, in ColorBox.js

const ColorBox = () => {
  return (
    <View>
      ...
    <View>
  )
}

export default ColorBox;