Një funksionalitet React i gjeneruar nga AI mund të përdorë një API të njohur, por ta importojë nga paketa e gabuar. Tutoriali paraqet një kontroll të kufizuar me TypeScript për të verifikuar këto importe përpara pranimit të kodit. Shembujt janë testuar me paketat e instaluara; materiali është hartuar nga OpenAI Codex dhe përshkruan një riprodhim të kontrolluar, jo matjen e gabimeve të ndonjë agjenti.
Shembulli kryesor është createPortal, që sipas dokumentacionit të React importohet nga react-dom, ndërsa useState dhe Fragment nga react. Importimi i qëllimshëm i createPortal nga react shkakton gabimin TS2724 në versionet e përdorura. Zgjidhja është korrigjimi i paketës burimore, jo fshehja e gabimit apo krijimi i një deklarimi lokal moduli.
Kontrolli përdor skedarin react-import-audit.ts dhe konfigurimin tsconfig.react-audit.json për të përfshirë vetëm importet e synuara, pa kontrolluar gjithë aplikacionin. Skedari referon API-të, por nuk shfaq përmbajtje dhe nuk thërret Hook jashtë një komponenti. Opsioni noEmit pengon prodhimin e JavaScript.
Procedura kërkon që importet e sakta të kalojnë kompilimin, importi i gabuar të japë TS2724 dhe korrigjimi ta rikthejë suksesin. Kjo provë negative vërteton se kontrollohet skedari i duhur: vetëm një komandë e suksesshme nuk mjafton. skipLibCheck anashkalon brendësinë e skedarëve të deklarimeve, por jo importet në skedarin e testimit.
Burimi: DEV Community (Web Dev Feed) — lexoni artikullin e plotë në anglisht.
