Getting star ratings to display in Debut theme (Shopify product review app)

[LB2022]

I'm having trouble getting star ratings to display.

I'm using the Debut Shopify theme. I've installed Shopify's "product reviews" app into my site. I want to show:

1. the "write a review form" and any reviews
2. product rating stars on my product page

I only have one product.

I'm working in my theme's product-template.liquid file.

I got the product review form and reviews displaying as I want them to by installing this line of code:

<div id="shopify-product-reviews" data-id="{{product.id}}">{{ product.metafields.spr.reviews }}</div>

just under this block of code:

<div class="product-single__description rte">
{{ product.description }}
</div>

After I added the line of code above, I clicked the app's "verify" button to make sure all was working fine and the app said all good.

Great.

But I'm not able to get the star ratings icons to show up.

I want the stars to appear under the title of my product on my product page. So I installed this line of code:

<span class="shopify-product-reviews-badge" data-id="{{ product.id }}"></span>

just under ths block of code:

<h1 class="product-single__title">{{ product.title }}</h1>
<script>window.performance.mark('debut:product:title_visible');</script>

But when I look at my product page live, there are no stars. NOTE: This is a new store and I do not have any ratings. Given this I thought that greyed out stars would appear in the right place but that's not happening.

Also, now when I click the app's "verify" button it says: "Your code snippet is not valid or missing"

I'll take any tips, insights, advice, code fixes. Thanks!