diff --git a/gems/bess/lib/generators/templates/component.js.jsx.tsx.erb b/gems/bess/lib/generators/templates/component.js.jsx.tsx.erb
index afb4a998..6be164e6 100644
--- a/gems/bess/lib/generators/templates/component.js.jsx.tsx.erb
+++ b/gems/bess/lib/generators/templates/component.js.jsx.tsx.erb
@@ -24,7 +24,7 @@ interface I<%= component_name %>Props {
 }
 
 
-function <%= component_name %>(props:I<%= component_name %>Props) {
+function <%= component_name %>(props:I<%= component_name %>Props) : JSX.Element {
     return (
       <React.Fragment>
   <% attributes.each do |attribute| -%>