javascript - ウィンドウサイズの関数で小道具の値を変更する

Question

React-Spring を使用しており、ウィンドウ サイズが変更されたときに一部のコンポーネントのオフセットを変更したいと考えています。これは私が試したものですが、機能していません。常にブラウザーを更新する必要があります。

 <ParallaxLayer
          className="elements"
          offset={window.innerWidth < 576 ? 2.9 : 1.5}
          speed={1}
        >
          <h2 className="title-section Apropos"> A propos</h2>
          <div className="main-Apropos">
            <p className="para p1">
              dolores et quas molestias excepturi sint occaecati cupiditate
            </p>
            <p className="para p2">
              animi, id est laborum et dolorum fuga. Et harum quidem rerum
            </p>
          </div>
        </ParallaxLayer>

関数型レンダリングを使用する必要がありますか? または他のソリューション