Problem using the same value on a re-rendered “modal” livecomponent

field_component.ex

defmodule TestWeb.FieldComponent do
  use Phoenix.LiveComponent
  
  def render(assigns) do
    TestWeb.MainView.render("field_component.html", assigns)
  end
  
  def mount(socket) do
    socket =
      socket
      |> assign(:search, "")
      |> assign(:criteria, "")
    {:ok, socket}
  end
  
  def handle_event("hide_component", _, socket) do
    send self(), {:show_component, false}
    {:noreply, socket |> reset_values}
  end

  def handle_event("criteria", %{"criteria_field" => criteria}, socket) do
    {:noreply, assign(socket, :criteria, criteria)}
  end

  defp reset_values(socket) do
    socket =
      socket
      |> assign(:search, "")
      |> assign(:criteria, "")
  end

end

field_component.html.leex

<div id="component_id" style="<%= unless @show_component do %>display: none;<% end %>">
  <form class="field has-addons is-100-percent" phx-change="criteria" phx-target="#component_id">
    <input type="text" value="<%= @search %>" name="criteria_field"/>
  </form>
  <p><%= @criteria %></p>
  <button class="button" phx-click="hide_component" phx-target="#component_id">Hide</button>
</div>

main.html.leex

<div>
  <button class="button" phx-click="show_component">Show</button>
  <%= live_component @socket, SynthsonlineWeb.FieldComponent, show_component: @show_component, id: "component_1" %>
</div>

main_live.ex

defmodule TestWeb.MainLive do
  use Phoenix.LiveView
  
  def mount(session, socket) do
    socket =
      socket
      |> assign(:show_component, false)
    {:ok, socket}
  end
  
  def render(assigns) do
    Phoenix.View.render(TestWeb.MainView, "main.html", assigns)
  end

  def handle_event("show_component", _, socket) do
    send self(), {:show_component, true}
    {:noreply, socket}
  end
  
  def handle_info({:show_component, show}, socket) do
    {:noreply, assign(socket, :show_component, show)}
  end

end

main_live_test.exs

defmodule TestWeb.MainLiveTest do
  use TestWeb.ConnCase
  use Phoenix.ConnTest
  import Phoenix.LiveViewTest  
  alias Phoenix.LiveView.Socket
  
  
  test "click on show button shows component",  %{conn: conn} do
    # When
    {:ok, view, html} = live(conn, "/main")
    
    # Then
    # Click shows the component, thus "display: none" should not be there
    refute render_click(view, :show_component, true) =~ "display: none"
  end

end