Ember outlet renders nothing

I have this component:

import Ember from 'ember';

export default Ember.Component.extend({
});

with hbs:

{{yeild}}

but when I use it not the

is not rendered:

{{#my-component }}
    <p>foo text</p>
{{/my-component}}