Flash session message appears two times when redirecting back

I have two simple functions in my controller

   //	display view to edit sesstings
    public  function  edit()
    {
	    return  view('backend.settings.edit', [
		    'settings' => Setting::pluck('value', 'key')
	    ]);
    }
    
   // update settings and redirect back to edit page
   public  function  update(Request  $request)
   {
	//	validation and update settings code
	return  back()->withSuccess(__('Settings saved successfully'));
   }

how I display an alert

I created a partial to display an alert message like below

@if ($message = session('success'))
	<x-utils.alert type="success">{!! $message !!}</x-utils.alert>
@endif

alert component

@props(['type' => 'info'])
	<div {{ $attributes->merge(["class" => "alert alert-{$type} alert-dismissible fade show"]) }} role="alert", id="alert">
		{{ $slot }}
		<button type="button" class="close" data-dismiss="alert" aria-label="Close">
    		<span aria-hidden="true">&times;</span>
		</button>
	</div>