JSFiddle - React, Tailwind, and code Playground

HTML

<select class="col s2 mySelectServices" id="mySelectServices" name="mySelectServices" multiple="multiple"
>
                <option value="" disabled selected>Filtre par Services</option>
                                <option value="" disabled selected>Filtre par Services</option>

                <option value="" disabled selected>Filtre par Services</option>

                <option value="" disabled selected>Filtre par Services</option>

                <option value="" disabled selected>Filtre par Services</option>

            </select>

<input type="button" value="all" id="all" data-sel="none"/>

JavaScript

$(function () {
       
       $('#all').on ('click', function(){
       $(this).data('sel',  ($(this).data('sel')=="none")?"all":"none"  );
       $('#mySelectServices option').prop('selected', $(this).data('sel')=="all")
       console.log( $(this).data('sel') )
       })
       
    });