greater than value outside table filter

[verbeckii]

Hello everyone

I have an outside-box filter for my table,
Is there a way how to make my filter works with "greater than value"(less or more) logic?
for a simple example, I have "Distance" column and wanna set filter "greater than 30 km"

       <input
             className="form-control table-filter"
             placeholder="Distance"
             onChange={(e) => setFilter("distance", e.target.value)}
        />

Right now it works like strict mode where column just matched with the sorted value

P/s I checked the official example and there is a familiar example with min,max range filter but it doesn't work for me because my filter is outside the table. please can you suggest anything how I can modify the code above?