Onclick for row element doesn't work

[amorri40]

First of all thanks for the excellent component, however I have found one bug:
Adding an onclick event doesn't get put in the DOM when using react-clusterize but does when using vanilla clusterize. Example:

import React from 'react';
import ReactDOM from 'react-dom';
import Clusterize from 'react-clusterize';
 
const rows = [];
const maxRows = 10000;
for (let i = 0; i < maxRows; ++i) {
    rows[i] = (
        <div style={{ borderBottom: '1px solid #f0f0f0', padding: '5px 10px' }}>
            <a onclick="window.alert('not called')">Item #{i + 1}</a>
        </div>
    );
}
rows.length = maxRows;
 
const mountNode = document.getElementById('#container');
 
ReactDOM.render(<Clusterize rows={rows} />, mountNode);

I have tried combinations of onclick, onClick and different types of parameters: binding a function in react, using a code string etc. But none of them seem to be loading.
Many thanks

[krazyjakee]

Sadly, this goes for all functionality.

Clusterize.js only supports strings for rows so this plugin reduces all components to strings thus losing all React functionality. You would have to modify the underlying library to accept React components to get this functionality.