Как настроить функцию загрузчика (LoaderFunction) в React Router 6.15 с использованием TypeScript?

В React Router 6.15 функцию загрузчика (LoaderFunction) можно настроить следующим образом с использованием TypeScript:

1. Вариант 1: Явно указать тип функции загрузчика:
```typescript
import { LoaderFunction } from 'react-router';

const loadData: LoaderFunction = async () => {
  // Код для загрузки данных
};

export default MyComponent;
```

2. Вариант 2: Использовать тип `import { LoaderFunction } from 'react-router';` в аннотации типа функции:
```typescript
import { LoaderFunction } from 'react-router';

const loadData: LoaderFunction<MyData> = async () => {
  // Код для загрузки данных
};

type MyData = {
  // Определение структуры данных
};

export default MyComponent;
```

Помимо этого, не забудьте добавить правильный импорт для `LoaderFunction`. Если вы получаете ошибку "не удается найти имя 'LoaderFunction'", убедитесь, что вы установили react-router версии 6 или выше и правильно импортировали тип `LoaderFunction`.