text: Title: Navigation Button with tooltip error when clicking it
  Body: **Describe your context**
  Please provide us your environment, so we can easily reproduce the issue.
  
  ```
  dash                          2.7.1
  dash-auth                     1.4.1
  dash-bootstrap-components     1.3.0
  dash-core-components          2.0.0
  dash-daq                      0.5.0
  dash-extensions               0.1.8
  dash-html-components          2.0.0
  dash-table                    5.0.0
  python-dash                   0.0.1
  ```
  -  if frontend related, tell us your Browser, Version and OS
  
      - OS: Mac OS 12.3.1
      - Safari, Chrome
  
  **Describe the bug**
  
  MWE:
  
  ```
  import dash
  from dash import dcc
  from dash import html
  import dash_bootstrap_components as dbc
  from dash.dependencies import Input, Output
  
  app = dash.Dash(__name__, suppress_callback_exceptions=True)
  
  
  app.layout = html.Div([
      dcc.Location(id='url', refresh=False),
      html.Div(id='page-content'),
  ])
  
  
  def get_overview_page():
      page = html.Div([
          dcc.Link(
              html.Button('Neu', id='new_button',
                          style={'margin-left': '10px', 'width': '100px', 'height': '27px',
                                 'fontSize': '16px'}),
              href='/new-entry'
          ),
          dbc.Tooltip(
              "A.",
              target="new_button", placement="top"
          )
      ], style={'width': '30%', 'margin-top': '10px', 'display': 'inline-block', 'text-align': 'left'})
      return page
  
  
  # Update the index
  @app.callback(Output('page-content', 'children'),
                [Input('url', 'pathname')])
  def display_page(pathname):
      if pathname == '/new-entry':
          return html.Div()
      else:
          return get_overview_page()
  
  if __name__ == '__main__':
      #app.run_server(debug=True, port=8080, host='0.0.0.0')
      app.run_server(debug=True, port=8086, host='127.0.0.1')
  ```
  
  When you press the button and move the mouse you receive:
  
  `An object was provided as children instead of a component, string, or number (or list of those). Check the children property that looks something like: { "1": { "props": { "is_open": false } } }`
  
  When you remove the tooltip. It is working, so it has to do something with it.
  
  **Expected behavior**
  
  No error.
  