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 OrganizationSelector extends Component {}

template.hbs
 <OrganizationSelector />

This means doing something like this when importing/exporting:

Import:

import OrganizationSelector from './organization-selector';

Export:

export default OrganizationSelector;

Do not do the below:

Import:

import { OrganizationSelector } from './organization-selector';

Export:

export { OrganizationSelector };