How to use a resource in a structure field as a reactive signal?

    const [productTitlePrice] = createResource("productTitle", fetchItemPrice);
    const [testRubberPrice] = createResource("testRubber", fetchItemPrice);

    const [productDataList, setProductDataList] = createSignal([
        {
            title: "productTitle",
            price: productTitlePrice(), //is not reactive
            photos: ["ash_001.JPG", "ash_002.JPG", "Placeholder.png"],
        },
        {
            title: "testRubber",
            price: testRubberPrice(), //is not reactive
            photos: ["example_003.JPG", "example_004.JPG", "Placeholder2.png"],
        },
    ]);

    const [productTitlePrice] = createResource("productTitle", fetchItemPrice);
    const [testRubberPrice] = createResource("testRubber", fetchItemPrice);

    const [productDataList, setProductDataList] = createSignal([
        {
            title: "productTitle",
            price: productTitlePrice(), //is not reactive
            photos: ["ash_001.JPG", "ash_002.JPG", "Placeholder.png"],
        },
        {
            title: "testRubber",
            price: testRubberPrice(), //is not reactive
            photos: ["example_003.JPG", "example_004.JPG", "Placeholder2.png"],
        },
    ]);