LiveView File Uploads issue when the upload form is in a LiveComponent - Solved

So the setup is a PostLive that renders a bunch of posts, as well as a form, but the form is it’s own LiveComponent rendered like: <%= live_component @socket, MyAppWeb.PostFormComponent, id: :post_form %>. The actual handle_event for the post form, is handled in PostLive, not PostFormComponent

I have the socket = allow_upload(socket, :file, ...) code in both the PostLive mount function, and the PostFormComponent mount function. The form displays correctly, but something seems to happen when the form gets submitted where the ref ids get changed around. Here’s the error I get:

** (KeyError) key "phx-Fkoosv06ZyDQXSrD" not found in: %{"phx-Fkoosvzak-DQXSqj" => :file}
    :erlang.map_get("phx-Fkoosv06ZyDQXSrD", %{"phx-Fkoosvzak-DQXSqj" => :file})
    (phoenix_live_view 0.15.0) lib/phoenix_live_view/upload.ex:166: Phoenix.LiveView.Upload.get_upload_by_ref!/2
    (phoenix_live_view 0.15.0) lib/phoenix_live_view/channel.ex:949: anonymous fn/3 in Phoenix.LiveView.Channel.maybe_update_uploads/2
    (stdlib 3.13) maps.erl:233: :maps.fold_1/3
    (phoenix_live_view 0.15.0) lib/phoenix_live_view/channel.ex:200: Phoenix.LiveView.Channel.handle_info/2

Is there something else I need to do when rendering a form from a component that submits to a live_view?