Почему возникает ошибка при передаче параметров в функцию в TypeScript?

Question

Гордон

react , typescript

Почему возникает ошибка при передаче параметров в функцию в TypeScript?

Как можно исправить ситуацию, когда код работает у одного пользователя, но не у другого, возможно, это связано с обновлением версии языка? Вот пример кода:

```typescript
import { User, UserManager } from "oidc-client";
import { FC } from "react";

type AuthProviderProps = {
    userManager: UserManager;
}

const AuthProvider: FC<AuthProviderProps> = ({
    userManager: UserManager,
    children
}) : any => {
    
}
```

Ссылка на видео и таймкод 6:10: [ссылка на видео](https://www.youtube.com/watch?v=3B-u1fUoEl8&list=PLEtg-LdqEKXbpq4RtUp1hxZ6ByGjnvQs4&index=16)

Почему возможна ситуация, когда код работает у одного пользователя, но не у другого?

31 мая 2024 г. 10:41

Ответы на вопрос 2

Похожие вопросы

Answer 1

Ошибка возникает из-за того, что в деструктуризации параметров функции `AuthProvider`, вы пытаетесь использовать одноименное имя переменной `UserManager` вместо `userManager`. Это приводит к конфликту имён и некорректному использованию переменной `UserManager`.

Для исправления этой ситуации, вам нужно либо изменить имя, используемое в деструктуризации, чтобы оно не совпадало с именем типа `UserManager`, либо использовать другое имя переменной для параметра функции. Например, можно переименовать параметр функции следующим образом:

```typescript
const AuthProvider: FC<AuthProviderProps> = ({
    userManager: myUserManager,
    children
}) : any => {
    
}
```

Что касается ситуации, когда код работает у одного пользователя, но не у другого, возможно, это связано с различиями в версиях TypeScript. В новых версиях TypeScript могут вноситься изменения, которые могут повлиять на работу кода. Рекомендуется всегда использовать одинаковые версии TypeScript для устранения подобных проблем.

Answer 2

Property 'children' does not exist on type 'AuthProviderProps
 
 Да, поменялось. FC теперь из коробки не содержит children 
 
 type AuthProviderProps = PropsWithChildren<{
    userManager: UserManager;
}>;