import React from 'react';

const Home = () => (
  <div>
    <h1>Mantra</h1>
    <p>
      Welcome to Mantra 0.2.0.
    </p>
    <p>
      <ul>
        <li>
          Read <a target="_blank" href="https://kadirahq.github.io/mantra/">spec</a>
        </li>
        <li>
          Learn <a target="_blank" href="https://github.com/sungwoncho/mantra-cli#commands">CLI</a>
        </li>
      </ul>
    </p>
  </div>
);

export default Home;

import React from 'react';

const Home = () => (
  <div>
    <h1>Mantra</h1>
    <p>
      Welcome to Mantra 0.2.0.
    </p>
    <ul>
      <li>
        Read <a target="_blank" href="https://kadirahq.github.io/mantra/">spec</a>
      </li>
      <li>
        Learn <a target="_blank" href="https://github.com/sungwoncho/mantra-cli#commands">CLI</a>
      </li>
    </ul>
  </div>
);

export default Home;

Remove nested ul tag from p tag due to warning in Chrome
Remove nested ul tag from p tag due to warning in Chrome

Warning: validateDOMNesting(...): <ul> cannot appear as a descendant of <p>. See Home > p > ... > ul.