How to create Style with typed safe in React JS

That ways very simple using 'CSSProperties'

import { CSSProperties } from "react";

create style

const BannerStyle : CSSProperties = {
        background: `url(/img/product/shop-bg.jpg)`,
        backgroundRepeat:'no-repeat',
        backgroundPosition:'center center',
        backgroundSize:'cover',
        position:'relative'
    }

and then use style into html tag

<div style={BannerStyle}>
</div>