Update app.py

app.py

@@ -68,7 +68,7 @@ app.layout = dbc.Container([
         dbc.Col([
             html.H2("My URL App", className="mt-3 mb-4"),
             dbc.Button("Add URL", id="open-modal-button", color="primary", className="mb-3"),
-            html.Div(id='url-list', children=generate_url_list(get_links())),
+            html.Div(id='url-list'),  # We'll populate this with a callback
         ], width=3, className="bg-light p-3"),
         dbc.Col([
             html.Iframe(
@@ -93,14 +93,23 @@ def toggle_modal(n1, n2, is_open):
     return is_open
 
 @callback(
-    [Output('url-list', 'children'),
+    Output('url-list', 'children'),
+    Input('url-list', 'id')
+)
+def initialize_url_list(id):
+    links = get_links()
+    return generate_url_list(links)
+
+@callback(
+    [Output('url-list', 'children', allow_duplicate=True),
      Output('add-url-feedback', 'children'),
      Output('add-url-status', 'data')],
     [Input('add-url-button', 'n_clicks'),
      Input('add-url-status', 'data'),
      Input({'type': 'delete-button', 'index': dash.ALL}, 'n_clicks')],
     [State('new-url-name', 'value'),
-     State('new-url-link', 'value')]
+     State('new-url-link', 'value')],
+    prevent_initial_call=True
 )
 def update_url_list(add_clicks, status, delete_clicks, new_name, new_link):
     ctx = dash.callback_context