Value of `<select>` is set before the children are created when using spread

Describe the bug

When using spread on a select element the value will be set before the children are created and this will cause the value to be set to an empty string (this is a browser behavior because no option match).

Your Example Website or App

https://playground.solidjs.com/anonymous/d2bf2e03-5e3b-4a9c-a5c0-37a62bbc8f9c

Steps to Reproduce the Bug or Issue

1. Open the example
2. Look at the result

Expected behavior

The second and third select boxes should have the same option selected.

Screenshots or Videos

No response

Platform

• OS: Windows
• Browser: Edge
• Version: 113

Additional context

No response