Fortune

Fortune

I have been trying to render a live component, like this as in the docs:

  <h1>Home</h1>
  <p>Welcome to the home page</p>

  <.live_component module={CellitWeb.HomeHeroComponent} id="home" />

</div>```

I keep on getting this error however:
```** (exit) an exception was raised:
    ** (ArgumentError) errors were found at the given arguments:

  * 1st argument: not an atom

         :erlang.apply(%{__changed__: nil, id: "home", module: CellitWeb.HomeHeroComponent}, :__live__, [])```

Whenever I remove this line:
```  <.live_component module={CellitWeb.HomeHeroComponent} id="home" />

the error is no more, I am not sure why the error is there and I’d like some help and insight on this.

First 3 of 3 Posts Switch mode

sevenseacat

sevenseacat

Author of Ash Framework

It sounds like an issue in how you’ve defined that LiveComponent. Can you share the code for it?

Fortune

Fortune OP

Here is the LiveComponent definition, very bare bones as I was just beginning the project

  use CellitWeb, :live_component

  def render(assigns) do
    ~H"""
    <div class="bg-primary w-[100%] h-[100vh]">
      Heroo
      <div class="text-lg">
        <%= if @current_user == nil do%>
          No User yet
        <% else %>
          <%= @current_user.first_name %>
        <% end %>
      </div>
    </div>
    """
  end
end
Fortune

Fortune OP

Thank you for your response, I have however found after countless of hours of debugging that the problem lies in how I define and render with my Phoenix Liveview version 0.16.0 and how I should define the live component using
use Phoenix.Component and render it as <%= live_component HeroComponent, id: :hero, content: @content %>.

— All posts loaded —

Where Next? Top

Trending in Questions Top

stjefim
Hello! Suppose you are building workflow (order / task / payment) processing system with the following requirements: Each workflow con...
New
jonnycharles
I’m in search of an Elixir library that offers PDF generation capabilities similar to Ruby’s Prawn. While there have been discussions abo...
New
spammy
I’m looking to build a personal workflow to quickly deploy web applications written in elixir/phoenix, for local consumption (ie not on t...
New
dli
Before I dive in myself, did anyone successfully sprinkle Hologram into their existing LiveView app? Looking for hints regarding: Addi...
New
bottlenecked
Hi all, I wanted to ask how the community is dealing with post-release steps. Today we have Ecto migrations, which make sure that the db...
New
roeland
Kia ora, We have been using elixir-google-api to connect to Google Drive. However, with the updates to Tesla due to CVEs this is now bro...
New
rahultumpala
Hello, I have an Elixir backend that implements a custom protocol over TCP. I want to load test the backend and assess the performance o...
New

Other Trending Topics Top

JesseHerrick
Hey, I’m Jesse and I’m the main contributor behind Dexter, a full-featured, lightning-fast Elixir LSP optimized for large codebases. It s...
New
jimsynz
Beam Bots (or just BB for short) is a framework for building fault-tolerant robotics applications in Elixir using familiar OTP patterns. ...
New
Damirados
Hello everyone. After busy few months I am happy to announce v0.1.0 of Emerge &amp; Solve. They are GUI (Emerge) and State management (S...
New
netoum
Corex is an accessible, unstyled UI component library for Phoenix that integrates Zag.js state machines using Vanilla JavaScript and Live...
New
ausimian
Emily is an Elixir library that runs Nx computations on Apple’s MLX. Install it as the default Nx backend and Nx, defn, Axon, Nx.Serving,...
New
juhalehtonen
There has been a thread to discuss the Stack Overflow Developer Survey on this forum every year since 2018, so here’s yet another one for...
New

We're in Beta

About us Mission Statement