title: useTransition type error in React(Typescript)
body: <h2> Bug Report</h2>
  <pre><code>const [index, set] = useState(0);
  
  const transitions = useTransition(slides[index], (item: Slides) =&gt; item.id, {
      from: { opacity: 0 },
      enter: { opacity: 1 },
      leave: { opacity: 0 },
      config: config.molasses,
  });
  
  console.log(transitions);
  
  useEffect(() =&gt; void setInterval(() =&gt; set((state) =&gt; (state + 1) % 4), 2000), []);
  
  return (
      &lt;Wrapper className={className}&gt;
          {transitions.map(({ item, props, key }) =&gt; (
              &lt;animated.div key={key} class='bg' style={{ ...props, backgroundImage: `url(${item.url}` }} /&gt;
          ))}
      &lt;/Wrapper&gt;
  );
  </code></pre>
  <p>results in this:</p>
  <blockquote>
  <p>Argument of type '{ from: { opacity: number; }; enter: { opacity:
  number; }; leave: { opacity: number; }; config: { readonly tension:
  280; readonly friction: 120; }; }' is not assignable to parameter of
  type 'any[]'.   Object literal may only specify known properties, and
  'from' does not exist in type 'any[]'.  TS2345</p>
  <pre><code>31 | 
  32 |        const transitions = useTransition(slides[index], (item: Slides) =&gt; item.id, {
  33 |                from: { opacity: 0 },
  </code></pre>
  </blockquote>
  <p><strong>git repo</strong> : <a href="https://github.com/LOGANLEEE/resume/tree/useTranstion_issue" rel="nofollow noreferrer">https://github.com/LOGANLEEE/resume/tree/useTranstion_issue</a></p>
  <h2>Environment</h2>
  <pre><code>&quot;react-spring&quot;: &quot;^9.0.0&quot;,
  &quot;react&quot;: &quot;^17.0.2&quot;,
  </code></pre>