Exports

In React when exporting a component, we must use default exports vs named exports for the React in Ember framework to work.

Ember

In ember we already use default exports:

component.js

export default class FlavorSelector extends Component {}

template.hbs

 <FlavorSelector />

React

This means doing something like this when importing/exporting:

Import:

import FlavorSelector from './flavor-selector';

Export:

export default FlavorSelector;

Do not do the below:

Import:

import { FlavorSelector } from './flavor-selector';

Export:

export { FlavorSelector };