Livewire Error: public property [message] must be of type: [numeric, string, array, null, or boolean].

In the laravel controller, I wasn't sure how to write this as an eqluent query

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Models\User;
use Illuminate\Support\Facades\DB;

class ChatController extends Controller
{

    public function view($user)
    {
        $user=User::where('id',$user)->firstOrFail();
        $auth_id = auth()->user()->id;

        $messages = DB::select('SELECT * FROM chat_messages 
                        WHERE (receiver_id = :auth_id and user_id = :user) OR (receiver_id = :user2 AND user_id = :auth_id2)',
                        ['auth_id' => $auth_id, 'user' => $user->id, 'auth_id2' => $auth_id, 'user2' => $user->id]);

        return view('backend.chat.view-contact-chat',compact('user','messages'));
    }
}

From here I pass on the data to the livewire component view-messages and when I break it up inside the for each loop, I wanted to pass the individual $message into a child livewire component show-message.

When I tried just doing this with the $user data it works fine, so it seems to be the fact that the $messages were not an eloquent query in the controller?

@foreach ($messages as $message)
   <div>
       @livewire('chat.show-message', ['user'=>$user], key('show-message'.$message->id))
   </div>
@endforeach

<?php

namespace App\Http\Livewire\Chat;

use Livewire\Component;

class ShowMessage extends Component
{

    public $user;

    public function mount($user)
    {
        $this->user = $user;
    }
    public function render()
    {
        return view('livewire.chat.show-message');
    }
}