PantyDev

import { FC } from 'react'

type ExtractFromFC<T> = T extends FC<infer X> ? X : never

type Foo = FC<42> | FC<'hello'> | FC<true>
type Result = ExtractFromFC<Foo>
//   ^?

Решение для тех кто тоже мог интересоваться. Нужно юзать infer. Закрываем! Спасибо

Смущают скобочки в data-actions="()". Это не стандартная разметка JSON.

const element = document.querySelector(".main-grid-row-action-button");
if(element) {
    const actions = element.dataset.actions;
    const toParse = actions.slice(1,-1); //удаляем странные скобки
    const parsed = JSON.parse(toParse); 
    foreach(const action in parsed) {
        const startIndex = action.onclick.indexOf("id\':\'");
        const endIndex = action.onclick.indexOf("\'", startIndex);
        const id = action.onclick.substring(startIndex + "id\':\'".length, endIndex - startIndex);
        console.log(id);
    }

}

$('.test_class:nth-child(2)').html('10');

у тебя header растянут на 100% по высоте и перекрывает всё то что снизу. Убери его высоту в 100% или задай pointer-events: none