React 'Authorization Form' not showing contact details

Hi there,

I’m tackling this https://www.codecademy.com/courses/react-101/projects/authorization-form

My final code is this, but when I run it, the contact details do not show… Does anyone know why???

import React from 'react';

class Contact extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      password: 'swordfish',
      authorized: false
    };
    this.authorize = this.authorize.bind(this);
  }

  authorize(e) {
    const password = e.target.querySelector(
      'input[type="password"]').value;
    const auth = password == this.state.password;
    this.setState({
      authorized: auth
    });
  }

  render() {
    const login = (
        <form action="#" 
        onSubmit={this.authorize}>
      	<input type="password" placeholder="Password" />
    	<input type="submit" />
    	</form>
  	);
    const contactInfo = (
		<ul>
    		<li>
      		client@example.com
    		</li>
    		<li>
      		555.555.5555
    		</li>
  		</ul>
		);
    return (
      <div id="authorization">
        <h1>{ this.state.authorized ? 'Contact' : 'Enter the Password' }</h1>
        { this.state.authorised ? contactInfo : login }
      </div>
    );
  }
}

export default Contact;

Where do you render the component to the page? I don’t see it anywhere.

Thanks for reaching out…I fixed this! It was a spelling mistake.

‘authorized’ was spelt wrong