fix: useTrail should not run on initial render when a ref is passed

[joshuaellis]

Why

• useTrail shouldn't animate on initial render when a ref is passed because this behaviour is identical to other hooks.

What

• Fixes useTrail bug
• Adds new demo (smile grid)

Checklist

• Documentation updated
• Demo added
• Ready to be merged

[changeset-bot]

🦋 Changeset detected

Latest commit: 0b30560

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 12 packages

Name	Type
@react-spring/core	Patch
@react-spring/animated	Patch
@react-spring/parallax	Patch
@react-spring/rafz	Patch
react-spring	Patch
@react-spring/shared	Patch
@react-spring/types	Patch
@react-spring/konva	Patch
@react-spring/native	Patch
@react-spring/three	Patch
@react-spring/web	Patch
@react-spring/zdog	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
react-spring-beta	❌ Failed (Inspect)		Nov 21, 2022 at 8:23PM (UTC)
react-spring-io	✅ Ready (Inspect)	Visit Preview	Nov 21, 2022 at 8:23PM (UTC)

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 558856a:

Sandbox	Source
Animating Auto	Configuration
Card	Configuration
Cards Stack	Configuration
Chaining Transition and a Spring	Configuration
CSS Keyframes	Configuration
Async CSS variables	Configuration
Draggable List	Configuration
Exit Before Enter	Configuration
Flip Card	Configuration
Floating Button	Configuration
Goo Blobs	Configuration
Image Fade	Configuration
List Reordering	Configuration
Masonry Grid	Configuration
Multistage Transitions	Configuration
Notification Hub	Configuration
Horizontal Parallax	Configuration
Sticky Parallax	Configuration
Vertical Parallax	Configuration
Rocket decay	Configuration
Basic Transition	Configuration
Native Slide	Configuration
Smile Grid	Configuration
Springy Boxes	Configuration
Svg Filter	Configuration

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 0b30560:

Sandbox	Source
Animating Auto	Configuration
Card	Configuration
Cards Stack	Configuration
Chaining Transition and a Spring	Configuration
CSS Keyframes	Configuration
Async CSS variables	Configuration
Draggable List	Configuration
Exit Before Enter	Configuration
Flip Card	Configuration
Floating Button	Configuration
Goo Blobs	Configuration
Image Fade	Configuration
List Reordering	Configuration
Masonry Grid	Configuration
Multistage Transitions	Configuration
Notification Hub	Configuration
Horizontal Parallax	Configuration
Sticky Parallax	Configuration
Vertical Parallax	Configuration
Rocket decay	Configuration
Basic Transition	Configuration
Native Slide	Configuration
Smile Grid	Configuration
Springy Boxes	Configuration