Build a Reusable Mega Navbar - Step 2

Curriculum Help
1

Tell us what’s happening:

There a possible bug in Build a Reusable Mega Navbar - Step 2

I’ve tried all the ways to create the asked NavBar component and Im always getting “your code is wrong” error message.

export const NavBar = () => {
  return (
    <nav className="navbar">
    </nav>
  );
}

export function NavBar() {
  return (
    <nav className="navbar">
    </nav>
  );
}

export function NavBar() {
  return <nav className="navbar"></nav>;
}

export function NavBar() {
  return <nav className="navbar" />;
}

What am I missing here?

Challenge Information:

Build a Reusable Mega Navbar - Step 2
https://www.freecodecamp.org/learn/full-stack-developer/workshop-reusable-mega-navbar/step-2

2

you weren’t supposed to change the declaration (the seed code given to you).

Here’s the original code when you first start the step:

export const Navbar = () => {

}

You must only type your new code inside these two lines

You can click Restart to reset the code and try one more time.

3

The first example you’ve provided here passes the test for me.

Just keeping in mind that export const NavBar = () => { is already there hidden above the instructions and the closing } is at the very bottom, so you only need to write the full return statement.

4

Wasn’t clear to me that the first line and last bracket were already being declared.
Thanks you both for pointing it out!