Block content syntax? { } vs do…end

[silent-e]

I'm trying to understand why neither of these render the content into the component …

<%= render MyComponent.new(thing: this_thing) { 'fancy string content' } %>

<%= render(MyComponent.new(thing: this_thing) { 'fancy string content' }) %>

… but this does …

<%= render MyComponent.new(thing: this_thing) do %>
  fancy string content
<% end %>

is it because the curly braces have higher precedence than do…end?

(e)

[silent-e]

Answering on my own. I had the parentheses in the wrong place in the curly brace version.

THIS

<%= render(MyComponent.new(thing: this_thing)) { 'fancy string content' } %>

Not this

<%= render(MyComponent.new(thing: this_thing) { 'fancy string content' }) %>

the block should be passed to render not the component.