import React, { useState, useEffect } from "react"; import { connect } from "react-redux"; function FloatWithMouse({ floatMouseToggle }) { const [left, setLeft] = useState(null); const [top, setTop] = useState(null); useEffect(() => { window.addEventListener("mousemove", (e) => { if (floatMouseToggle) { setLeft(e.pageX); setTop(e.pageY); } }); }); return ( <> {floatMouseToggle && (
)} > ); } const mapStateToProps = (state) => ({ floatMouseToggle: state.scrollAction.floatMouseToggle, }); export default connect(mapStateToProps, {})(FloatWithMouse);