Question: I wonder if there is a simpler way to pass the default style property (as it is a default property) to a custom component. I hope someone can just tell me how to improve the following code.

Given:

```
const MyIcon= ()=>{
  return <img src={GMNT_N_Black}/>
}

```

The following style property is not being applied.

```
<MyIcon style={{width:"1em",height:"1em"}}/>

```

I'd like to pass the default property `style` to the `img` element in `MyIcon`.

I made it work with the following code:

```
const MyIcon = ({style})=>{
  return <img src={imported_img} style={style}/>
}

```

However, I suspect there should be an easier and cleaner way to pass the style, especially since `img` is the only element inside. Does exist this 'simpler' way or is `{style}` as props the proper way in this situation?

Answer: 
I found the problem:

I didn't add the `implements` keyword in the class definition of `ProductServiceImpl` so it was not connected to the bean, aka the interface, aka the service layer.
First of all you should not add annotation `@Service` for ProductService interface.
Moreover this can happen when you have your Class `Application` in "another package".
You can solve the problem using annotation `@ComponentScan (basePackages = {"your.company.domain.package"})`