プロパティ"........."は型'JSX.IntrinsicElements'に存在しません。

悩み事

import styled from "styled-components";

const Title = () => {
  <titlefont>Hacker News</titlefont>;
};

const titlefont = styled.div`
  color: black;
  font-size: 20px;
  font-weigh: normal;
`;

export default Title;

この状態でエラーが発生してしまいました。
内容としては　プロパティ"........."は型'JSX.IntrinsicElements'に存在しません。 です

何が原因であったか

結果として、コンポーネントを大文字から始めないといけないようです。

参考先

他にもこのようなエラーに注意した方がいい、などあればコメントお願いします。