title: Adjacent JSX Elements must be wrapped in an enclosing tag reactjs
body: <p>Adjacent JSX Elements must be wrapped in an enclosing tag reactjs</p>
  
  <p>whats wrong in my code ??</p>
  
  <p>error code call like this :</p>
  
  <blockquote>
    <p>Adjacent  JSX element must be wrapped in an enclosing tag</p>
  </blockquote>
  
  <p>the code is error in element tag  </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>const renderTodos = currentTodos.map((todo, index) =&gt; {
    return &lt;table style={{ width: '100%', maxWidth: '100%', padding: '1%' }} &gt;
      &lt;tbody&gt;
        &lt;tr&gt;
          &lt;td style={{ width: '70%', padding: '2%' }}&gt; 
                &lt;span style={title}&gt;
                   &lt;b&gt;
                     &lt;Link to={`/berita/${todo.id}`} style={{ color: 'black' }}&gt; 
                         {todo.title} 
                     &lt;/Link&gt;
                     &lt;/b&gt;
                     &lt;/span&gt; 
                     &lt;p&gt; 
                      {todo.content=todo.content.replace(regex, '').substring(0, 150)} 
                       &lt;a href="/"&gt;...Read More &lt;/a&gt;
                           &lt;/p&gt; 
                                  &lt;p style={content}&gt;
                                       By &lt;i&gt; {todo.author ? todo.author : this.props.default} &lt;/i&gt; 
                                  &lt;/p&gt;
                                  &lt;p style={content}&gt; 
                                       &lt;Moment date={todo.created_date} /&gt;  
                                  &lt;/p&gt;
                              &lt;/td&gt;
                     &lt;td style={{ width: '30%' }}&gt;                                  
                                   &lt;img 
                                      src={todo.link_image} 
                                      alt="" 
                                      className={responsive_image__image}
                                      style={responsive_image}
                                   /&gt; 
                              &lt;/td&gt;
                    &lt;/tr&gt;
                   &lt;/tbody&gt;
                  &lt;/table&gt;;
                  
              &lt;BrowserRouter&gt;
                  &lt;div&gt;    
                      &lt;Switch&gt;
                          &lt;Route path="/berita/:id" component={BeritaView} /&gt; 
                      &lt;/Switch&gt;
                  &lt;/div&gt;
              &lt;/BrowserRouter&gt;
      });</code></pre>
  </div>
  </div>
  </p>