title: Plotly Dash: How to resolve the error dash_html_components.Div detected a component for a prop other than children
body: <p>I am trying to add text in line with my plots such that my text are easy to understand with the results of the plots. When I try to structure the first tab, I get the following error:</p>
  <pre><code>TypeError: The dash_html_components.Divcomponent (version 1.0.3) with the ID &quot;Div(children=(Br(None), P('Select a year and month to query'), Br(None)), id='paragraph1')&quot; detected a Component for a prop other thanchildrenDid you forget to wrap multiplechildren in an array? Prop n_clicks has value Div(children=[Dropdown(id='month', options=[{'label': 'January', 'value': 1}, {'label': 'February', 'value': 2}, {'label': 'March', 'value': 3}, {'label': 'April', 'value': 4}, {'label': 'May', 'value': 5}, {'label': 'June', 'value': 6}, {'label': 'July', 'value': 7}, {'label': 'August', 'value': 8}, {'label': 'September', 'value': 9}, {'label': 'October', 'value': 10}, {'label': 'November', 'value': 11}, {'label': 'December', 'value': 12}], value=3, style={'width': '50%'})], style={'width': '100%', 'display': 'flex', 'flex-direction': 'row'})
  </code></pre>
  <p>And here is the section of the code that is buggy:</p>
  <pre><code>def tab_layout():
  
       return html.Div(
  
              html.Div(
  
                          id=&quot;markdown-container&quot;,
  
                          children=dcc.Markdown(
  
                              children=(
  
                                  &quot;&quot;&quot;
  
                                      my text text
  
                                      ### Funnel Area Chat
  
                                      more text more text more text
  
                      &quot;&quot;&quot;
  
                              ), 
  
                              style={&quot;color&quot;: &quot;white&quot;}
  
                          ),
  
                      ),
  
              
  
              html.Div(
  
                  id=&quot;paragraph1&quot;,
  
                  children= (
  
                      html.Br(),
  
                      html.P(&quot;Select a year and month to query&quot;),
  
                      html.Br()
  
                      
  
                  )
  
                  
  
              ),
  
               
  
               html.Div([
  
                  dcc.Dropdown(
  
                      id=&quot;month&quot;,
  
                      options= month_options(),
  
                      value=3,
  
                      style={&quot;width&quot;: &quot;50%&quot;}
  
                      ),
  
                      ], style={&quot;width&quot;: &quot;100%&quot;, &quot;display&quot;: &quot;flex&quot;, &quot;flex-direction&quot;: &quot;row&quot;}),
  
                   dcc.Dropdown(
  
                       id=&quot;year&quot;,
  
                       options=[
  
                           {&quot;label&quot;: &quot;2019&quot;, &quot;value&quot;: 2019},
  
                           {&quot;label&quot;: &quot;2020&quot;, &quot;value&quot;: 2020}
  
                       ],
  
                       value=2020,
  
                       style={&quot;width&quot;: &quot;50%&quot;, &quot;display&quot;: &quot;flex&quot;, &quot;flex-direction&quot;: &quot;row&quot;, 
  
                              &quot;justify-content&quot;: &quot;left&quot;}
  
                       ),
  
              html.Div([
  
                  dcc.Graph(id=&quot;funnel_plot&quot;,
  
                            config= {
  
                                &quot;displaylogo&quot;: False,
  
                                &quot;toImageButtonOptions&quot;: {&quot;width&quot;: None, &quot;height&quot;: None}
  
                            }
  
                              
  
                          )
  
                  ], style={&quot;width&quot;: &quot;100%&quot;, &quot;display&quot;: &quot;inline-block&quot;})
  
                  )
  </code></pre>
  <p>What could be wrong? The compiler does not see any error?</p>