import React, { useEffect } from 'react'
import L from 'leaflet'
import { render } from 'react-dom'

export const useRenderPopup = (props) => {
  const container = L.DomUtil.create('div')
  //   const dispatch = useAppDispatch()
  useEffect(() => {
    render(
      <div>
        <p>mbuh</p>
        <a
          onClick={() => {
            console.log('abc')
          }}
        >
          sdjsljf
        </a>
        {/* <a onClick={() => dispatch(setDevice(props.geoJsonPoint.properties))}></a> */}
      </div>,
      container
    )
  }, [])
  return container
}