How to use Material Icons with next.js?

Question

How to use Material Icons with next.js?

Navigation

#1 by (0 votes)

0

import Link from 'next/link';
import MaterialIcon from 'material-icons-react';

const Header = (props) => {
  return (
    <nav>
      <ul>
        {navOptions.map(nav => (
          <li>
            <Link href={nav.url}>
              <a>
                <MaterialIcon icon={nav.icon} />
                <span key={nav.icon}>{nav.name}</span>
              </a>
            </Link>
          </li>
        ))}
      </ul>
    </nav>
  )
}

export default Header;

The above code generates the following error:

I think I need a loader, but I can not figure out which one.

react webpack nextjs

asked by anonymous 21.11.2018 / 06:57

1 answer

Wildfly with postgresql, does not access the last database ERROR Error: Can not find a supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays

score 0 · Accepted Answer

You will need the loader @ zeit / next-css

npm install --save @zeit/next-css

Create a next.config.js file (without CSS Modules)

// next.config.js
const withCSS = require('@zeit/next-css')
module.exports = withCSS()

More information:

link