通过zuck.js传递元素引用以做出反应

Question

有一个名为“ zuck.js”的程序包，我无法与react集成。他们说可以传递元素引用。但是我不知道该怎么做。有谁能够帮助我？ github是这样的：https://github.com/ramon82/zuck.js

我是这样做的，我使用的是next.js堆栈。

import React, { useState, useEffect, useRef } from 'react';
import dynamic from 'next/dynamic';

const Zuck = dynamic(() => import('zuck.js'))

export default function HomePage(){

  const storie = useRef();

  useEffect(() =>{
   new Zuck(storie.current,{
    skin: 'snapgram',      
    stories: [ 
      {
        id: 1,            
        photo: '/user.jpg',            
        name: 'John',             
        link: "www.google.com.br",           
        items: [       
          {
            id: 1,      
            type: "video",      
            src: "/video.mov",      
          }
        ]
      }
    ]
  })
},[])
  
  return <>
    <h1>Hello!</h1>
    <div ref={storie}>test</div>
    </>
}

我没有特定的错误，所缺少的是对该参考的理解。这是我的问题。