Use jbuilder but it gets an error

.gitignore

@@ -14,3 +14,5 @@
 # Ignore all logfiles and tempfiles.
 /log/*.log
 /tmp
+
+.ruby-version

Gemfile

@@ -48,3 +48,7 @@ end
 gem 'react-rails', '~> 1.0.0.pre', github: 'reactjs/react-rails'
 
 gem 'rails_12factor', group: :production
+
+group :development do
+  gem 'pry-byebug'
+end

Gemfile.lock

@@ -39,14 +39,21 @@ GEM
       tzinfo (~> 1.1)
     arel (5.0.1.20140414130214)
     builder (3.2.2)
+    byebug (3.5.1)
+      columnize (~> 0.8)
+      debugger-linecache (~> 1.2)
+      slop (~> 3.6)
+    coderay (1.1.0)
     coffee-rails (4.0.1)
       coffee-script (>= 2.2.0)
       railties (>= 4.0.0, < 5.0)
     coffee-script (2.2.0)
       coffee-script-source
       execjs
     coffee-script-source (1.7.0)
+    columnize (0.8.9)
     connection_pool (2.0.0)
+    debugger-linecache (1.2.0)
     erubis (2.7.0)
     execjs (2.0.2)
     hike (1.2.3)
@@ -61,10 +68,18 @@ GEM
     libv8 (3.16.14.7)
     mail (2.6.3)
       mime-types (>= 1.16, < 3)
+    method_source (0.8.2)
     mime-types (2.4.3)
     minitest (5.4.3)
     multi_json (1.10.1)
     pg (0.17.1)
+    pry (0.10.1)
+      coderay (~> 1.1.0)
+      method_source (~> 0.8.1)
+      slop (~> 3.4)
+    pry-byebug (3.0.1)
+      byebug (~> 3.4)
+      pry (~> 0.10)
     rack (1.5.2)
     rack-test (0.6.2)
       rack (>= 1.0)
@@ -102,6 +117,7 @@ GEM
     sdoc (0.4.0)
       json (~> 1.8)
       rdoc (~> 4.0, < 5.0)
+    slop (3.6.0)
     sprockets (2.11.0)
       hike (~> 1.2)
       multi_json (~> 1.0)
@@ -131,6 +147,7 @@ DEPENDENCIES
   jbuilder (~> 1.2)
   jquery-rails
   pg
+  pry-byebug
   rails (= 4.1.8)
   rails_12factor
   react-rails (~> 1.0.0.pre)!

app/controllers/comments_controller.rb

@@ -1,13 +1,14 @@
 class CommentsController < ApplicationController
   def index
-    @presenter = {
-      :comments => Comment.last(5),
-      :form => {
-        :action => comments_path,
-        :csrf_param => request_forgery_protection_token,
-        :csrf_token => form_authenticity_token
-      }
-    }
+    @comments = Comment.last(5)
+    # @presenter = {
+    #   :comments => Comment.last(5),
+    #   :form => {
+    #     :action => comments_path,
+    #     :csrf_param => request_forgery_protection_token,
+    #     :csrf_token => form_authenticity_token
+    #   }
+    # }
   end
 
   def create

app/views/comments/index.html.erb

@@ -1,3 +1,3 @@
-<%= react_component('CommentBox', 
-                    {:presenter => @presenter.to_json, :imgSrc => image_path("gundam.jpg")}, 
-                    {:prerender => true}) %>
+<h1>Comments</h1>
+
+<%= react_component 'CommentBox', render(template: 'comments/index.json.jbuilder'), {prerender: true} %>

app/views/comments/index.json.jbuilder

@@ -0,0 +1,11 @@
+json.presenter do
+  json.comments(@comments) do |comment|
+    json.extract! comment, :id, :author
+  end
+  json.form do
+    json.action comments_path
+    json.csrf_param request_forgery_protection_token
+    json.csrf_token form_authenticity_token
+  end
+end
+json.imgSrc image_path("gundam.jpg")

config/database.yml

@@ -13,18 +13,17 @@
 development:
   adapter: postgresql
   encoding: unicode
-  database: myapp_development
+  database: sample_react_rails_app_development
   pool: 5
-  password:
 
 # Warning: The database defined as "test" will be erased and
 # re-generated from your development database when you run "rake".
 # Do not set this db to the same as development or production.
 test:
-  adapter: sqlite3
-  database: db/test.sqlite3
+  adapter: postgresql
+  encoding: unicode
+  database: sample_react_rails_app_test
   pool: 5
-  timeout: 5000
 
 production:
   adapter: sqlite3

config/routes.rb

@@ -1,4 +1,7 @@
 SampleReactRailsApp::Application.routes.draw do
+
   resources :comments
   root :to => redirect("/comments")
+
+  # resource :top, controller: :top, only: :show
 end