react报错：TypeError: Class extends value undefined is not a constructor or null

慕课网中用React实现的简书网站的项目学习，7-2使用styled-components完成Header组件布局（1）

我出错时index.js里面代码如下所示：

import React, { Compontent } from 'react';

class Header extends Compontent {
  render () {
    return (
      <div>header</div>
    )
  }
};

export default Header;

显示这里的错误

报错原因及解决方案：

Compontent写错了，应给是Component

再补一句，如果是小写component也会出现这个错误，所以解构出来的名称一定要写对