JSFiddle - React, Tailwind, and code Playground

HTML

<input type="search" data-default="Search..." value="Search...">

JavaScript

$(document).ready(function(e){
    $('input[type=search]').on('focus',function(e){
        
        if( $(this).val() == $(this).attr('data-default') )
        {
            $(this).val('');
        }
        
    }).on('focuse',function(e){
        if( !$(this).val() )
        {
            $(this).val( $(this).attr('data-default') );
        }
    });
});