# What is wrong with this React class?

**URL:** <https://forum.freecodecamp.org/t/what-is-wrong-with-this-react-class/186986>\
**Category:** General\
**Created:** [April 22, 2018, 4:01am UTC](https://forum.freecodecamp.org/t/what-is-wrong-with-this-react-class/186986 "2018-04-22T04:01:45Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Nicknyr](https://avatars.discourse-cdn.com/v4/letter/n/c5a1d2/32.png) [@Nicknyr](https://forum.freecodecamp.org/u/Nicknyr)\
**Post date:** [April 22, 2018, 4:01am UTC](https://forum.freecodecamp.org/t/what-is-wrong-with-this-react-class/186986/1 "2018-04-22T04:01:45Z")

</div>

```auto
import React, { Component } from 'react';

class Header extends Component {
  constructor(props) {
    super(props);
    this.state = {
      data: []
    }
  }

  render() {
    return (
      <div className="header">

      <ul className="">
        <li>Become a host</li>
        <li>Earn credit</li>
        <li>Help</li>
        <li>Sign up</li>
        <li>Log in</li>
      </ul>
      </div>
    );
  }
}

export default Header;

```

I keep getting an error that says ‘Component is not defined’

Aren’t I importing it at the top?

---

<div class="post-metadata">

**Author:** ![Swoodend](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/swoodend/32/18707_2.png) [@Swoodend](https://forum.freecodecamp.org/u/Swoodend)\
**Post date:** [April 22, 2018, 4:11am UTC](https://forum.freecodecamp.org/t/what-is-wrong-with-this-react-class/186986/2 "2018-04-22T04:11:23Z")

</div>

did you install react via npm or yarn etc?

---

<div class="post-metadata">

**Author:** ![Nicknyr](https://avatars.discourse-cdn.com/v4/letter/n/c5a1d2/32.png) [@Nicknyr](https://forum.freecodecamp.org/u/Nicknyr)\
**Post date:** [April 22, 2018, 7:35pm UTC](https://forum.freecodecamp.org/t/what-is-wrong-with-this-react-class/186986/3 "2018-04-22T19:35:56Z")

</div>

Turns out I had some file path issues due to renaming the file and moving it. Drove me nuts for an hour.

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [January 17, 2021, 8:23pm UTC](https://forum.freecodecamp.org/t/what-is-wrong-with-this-react-class/186986/4 "2021-01-17T20:23:06Z")

</div>

Closed on January 17, 2021, 8:23pm UTC