React Context使用报错：'React'为UMD全局，需添加导入解决JSX问题

问题原因 #

你在使用<LibsAndComponentsContext.Provider>这个JSX标签时触发报错，核心原因是当前文件的模块作用域中没有显式导入React。尽管React 17及以上版本支持自动注入JSX所需的React依赖，但部分TypeScript配置（比如tsconfig.json中jsx字段设为react而非react-jsx）或旧版工具链，仍要求必须显式导入React才能正确解析JSX语法。

解决方法 #

修改Wrapper组件文件顶部的React导入语句，将React本身也加入导入列表：

import React, { ReactNode, useContext, useEffect, useMemo, useState } from 'react';

这样就能让编译器识别到React在当前模块的作用域内，解决JSX相关的报错。

内容的提问来源于stack exchange，提问作者mrks