reactjs - 小道具を感情のスタイル付きコンポーネントに渡す方法は? TypeScript の使用

Question

私は感情によってスタイリングを使用しています:

import styled from '@emotion/styled'

ガイドに記載されているようなスタイル付きコンポーネントに小道具を渡そうとしています:

https://emotion.sh/docs/styled

何らかの理由で機能しません。私も TypeScript を使っています。ここで、StyleWrapper と呼ばれるスタイル付きコンポーネントに小道具を渡します。

const ex: React.FunctionComponent<exProps> = props => {
  return (
    <StyleWrapper someNumber = {props.someNumber}
...
    </StyleWrapper >
  )
}

そしてStyleWrapperで：

const ToolsHeaderColumn = styled.div`
  padding-top: ${props => props.someNumber };
`

私が得るのはコンパイル時のエラーです:

"Property 'someNumber ' does not exist on type 
'Pick<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, 
HTMLDivElement>, "children" | "style" | "title" | 
"color" | "hidden" | "defaultChecked" | "defaultValue" |     "suppressContentEditableWarning" | ... 243 more ... 
| "css"> & { ...; }'.ts(2339)
"