Javascript – How to prevent a specific React setState call from triggering a mutually dependent specific useEffect hook

I am building a fairly complex search form with a few preset configurations for common searches.

The current set of filters are stored in a state variable filters. This object is set whenever a field in the form is modified. When a preset is selected from a drop down, the filters are reset to that preset with this function:

function set_preset(preset: string) {
   setCurrentPreset(preset);
   if (preset) {
       setFilters(FILTER_PRESETS[preset]);
   }
}

However, to prevent confusion, when the user modifies the form from the preset, I would like the preset value to be reset to "Custom" in the drop down:

    useEffect(() => {
        setCurrentPreset('');
    }, [filters]);

As is likely obvious, this simple solution does not function well, as set_preset itself sets the filters, and the new filters will trigger the use effect, causing the displayed preset to reset to "Custom" again.

I would, essentially, like some way for the useeffect call to be triggered whenever filters are updated, except in the case that they are updated as part of a preset selection.

I know there are a few somewhat hacky ways I could attempt to solve this, such as by using an exterior boolean flag to keep track of when a preset is being set, but it feels like there must be a better way of resolving this.