Installation and usage

What is the Dether React MAP?

Dether React Map is a React component that aims at showing the Dether map on any react app. It's only necessary to install the component and provide an infura url as props.


dether-react-map is a React library npm component

npm install --save dether-react-map


It's necessary to pass rpcURL as a props, it must be an infura URL such as: You can either choose kovan for testnet or mainnet.

You must give props to the component: width:

import React, { Component } from 'react'
import DetherReactMapfrom 'dether-react-map'
import 'dether-react-map/dist/index.css'
const rpcURL=''
class Example extends Component {
render() {
return <DetherReactMap width='100%' height='400px' rpcURL={rpcURL} />
DetherReactMap.propTypes = {
width: PropTypes.string, // CSS specific instruction
height: PropTypes.string, // CSS specific instruction
rpcURL: PropTypes.string.isRequired,

This is a link to an example showing the Dether React MAP in different sizes.