app.jsx

import Library from '../components/library';

export default class App extends React.Component {
  static async getInitialProps() {
    return await Lokka.query(`{
      libraries {
        id,
        ...${Library.getFragment()}
      }
    }`);
  }
  
 render() {
   const libraries =
     this.props.libraries.map(({ id, ...library }) =>
       <Library library={library} key={id} />
     );

    return (
      <main>
        <h1>{`libradar`}</h1>
        <section>
          <ul className="libraries-list">
            {libraries}
          </ul>
        </section>
      </main>
    );
	}
}