Как настроить React Router <Link>внутри ячейки Datatables.net?

Question

У меня есть таблица данных (https://datatables.net), инициализированная так:

 $('#example').DataTable({
 data: data,
 columns: [{
             title: "Database ID",
             data: 'database_id',
             render: function (data, type, row) {
                       return '<NavLink to="/shop">'+ data +'</NavLink>';
                    }
            }]
 });

Предполагается, что NavLink, который у меня есть в коде, должен отображать ячейку базы данных в виде интерактивной ссылки из-за React-Router (вся эта функция находится внутри компонента React), но ссылка не рендерится, когда я запускаю код.

В конечном итоге мне нужна возможность щелкнуть ячейку базы данных, которая приведет меня к другойкомпонент, перенаправив на ссылку типа "/ shop / id", но я застрял в ней надолго. Помогите!