Как правильно ввести компонент функции IdTokenData в TypeScript? ⇐ Javascript

[Anonymous]

Я пытаюсь перенести пример SPA MSAL React в проект TypeScript + React VITE. При преобразовании файла datadisplay.jsx я сталкиваюсь с проблемами печати. Class = "Lang-None PrettyPrint-Override">

Код: Выделить всё

export const IdTokenData = (props: any) => {
const tokenClaims = createClaimsTable(props.idTokenClaims);

const tableRow = Object.keys(tokenClaims).map((key, index) => {
return (

{tokenClaims[key].map((claimItem) => (
{claimItem}
))}

);
});

Элемент неявно имеет тип «любой», поскольку индексное выражение не имеет типа «число».

Параметр «claimItem» неявно имеет тип «любой».

Таблица createClaimsTable использованная выше функция определена в претензияUtils.js. Вот как это выглядит:

Код: Выделить всё

export const createClaimsTable = (claims) => {
let claimsObj = {};
let index = 0;

Object.keys(claims).forEach((key) => {
if (typeof claims[key] !== 'string' && typeof claims[key] !== 'number') return;
switch (key) {

...

Какие типы TypeScript подходят для:

• Свойства idTokenClaims в IdTokenData ?
• Параметр и тип возвращаемого значения функции createClaimsTable?

Подробнее здесь: https://stackoverflow.com/questions/793 ... typescript