diff --git a/packages/artplayer-template/react.js/src/ArtPlayer.js b/packages/artplayer-template/react.js/src/ArtPlayer.js
index 6ebfdd733..54b3b81e7 100644
--- a/packages/artplayer-template/react.js/src/ArtPlayer.js
+++ b/packages/artplayer-template/react.js/src/ArtPlayer.js
@@ -22,8 +22,5 @@ export default function Player({ option, getInstance, ...rest }) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
 
-    return React.createElement('div', {
-        ref: artRef,
-        ...rest,
-    });
+    return <div ref={artRef} {...rest}></div>;
 }