Update app.py

app.py

@@ -75,31 +75,25 @@ def create_range_input(index):
     ], className="mb-2")
 
 @callback(
-    Output('ranges-container', 'children', allow_duplicate=True),
+    Output('ranges-container', 'children'),
     Input('add-range', 'n_clicks'),
+    Input({'type': 'remove-range', 'index': ALL}, 'n_clicks'),
     State('ranges-container', 'children'),
     prevent_initial_call=True
 )
-def add_range(n_clicks, existing_ranges):
-    if n_clicks:
+def manage_ranges(add_clicks, remove_clicks, existing_ranges):
+    ctx = dash.callback_context
+    triggered_id = ctx.triggered[0]['prop_id'].split('.')[0]
+
+    if triggered_id == 'add-range':
         new_index = len(existing_ranges)
         new_range = create_range_input(new_index)
         existing_ranges.append(new_range)
-    return existing_ranges
+    elif 'remove-range' in triggered_id:
+        remove_index = json.loads(triggered_id)['index']
+        existing_ranges = [range for i, range in enumerate(existing_ranges) if i != remove_index]
 
-@callback(
-    Output('ranges-container', 'children', allow_duplicate=True),
-    Input({'type': 'remove-range', 'index': ALL}, 'n_clicks'),
-    State('ranges-container', 'children'),
-    prevent_initial_call=True
-)
-def remove_range(n_clicks, existing_ranges):
-    ctx = dash.callback_context
-    if not ctx.triggered:
-        raise PreventUpdate
-    button_id = ctx.triggered[0]['prop_id'].split('.')[0]
-    index_to_remove = json.loads(button_id)['index']
-    return [range for i, range in enumerate(existing_ranges) if i != index_to_remove]
+    return existing_ranges
 
 @callback(
     Output('progress-bar', 'value'),