You can create you custom type for this

File: global.d.ts

import React from "react";

declare global {
declare namespace ReactCustom{
type FC<P = {}> = ReactCustom.FC<P & { children?: React.ReactNode }>;
}
}

where the error is, for example:

const UserContextProvider: React.FC = ({ children }) => { ... }

you just need replace all with type custom created, without much effort, and it would look like this:

const UserContextProvider: ReactCustom.FC = ({ children }) => {...}