feat/sentry masking

apps/frontend/src/components/analytics/stars.table.component.tsx

@@ -199,13 +199,13 @@ export const StarsTableComponent = () => {
           )}
         </div>
       </div>
-      <div className="flex-1 bg-secondary">
+      <div className="flex-1 bg-secondary" data-sentry-mask>
         {stars?.stars?.length ? (
           <table className={`table1`}>
             <thead>
               <tr>
                 <th>
-                  <UpDown name="Repository" param="login" data-sentry-mask />
+                  <UpDown name="Repository" param="login"/>
                 </th>
                 <th>
                   <UpDown name="Date" param="date" />

apps/frontend/src/components/launches/select.customer.tsx

@@ -33,7 +33,7 @@ export const SelectCustomer: FC<{
       {uniqBy(integrations, (u) => u?.customer?.name)
         .filter((f) => f.customer?.name)
         .map((p) => (
-          <option key={p.customer?.id} value={p.customer?.id}>
+          <option key={p.customer?.id} value={p.customer?.id} data-sentry-mask>
             {t('customer', 'Customer:')}
             {p.customer?.name}
           </option>

apps/frontend/src/components/new-launch/manage.modal.tsx

@@ -473,7 +473,6 @@ export const ManageModal: FC<AddEditModalProps> = (props) => {
                   <SelectCustomer
                     onChange={changeCustomer}
                     integrations={integrations}
-                    data-sentry-mask
                   />
                 )}
               </div>

apps/frontend/src/components/preview/preview.wrapper.tsx

@@ -28,7 +28,7 @@ export const PreviewWrapper = ({ children }: { children: ReactNode }) => {
         runtimeUrl={backendUrl + '/copilot/chat'}
       >
         <MantineWrapper>
-          <Toaster data-sentry-mask />
+          <Toaster/>
           {children}
         </MantineWrapper>
       </CopilotKit>

libraries/react-shared-libraries/src/toaster/toaster.tsx

@@ -66,7 +66,7 @@ export const Toaster = () => {
           </svg>
         )}
       </div>
-      <div className="flex-1 text-textColor">{toasterText}</div>
+      <div className="flex-1 text-textColor" data-sentry-mask>{toasterText}</div>
       <svg
         xmlns="http://www.w3.org/2000/svg"
         width="60"

libraries/react-shared-libraries/tsconfig.json

@@ -1,19 +1,18 @@
 {
   "extends": "../../tsconfig.base.json",
   "compilerOptions": {
-    "forceConsistentCasingInFileNames": true,
+    "jsx": "react-jsx",
+    "module": "esnext",
+    "target": "esnext",
+    "lib": ["dom", "esnext"],
     "esModuleInterop": true,
     "allowSyntheticDefaultImports": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
     "strict": true,
-    "noImplicitOverride": true,
-    "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true
+    "noEmit": true
   },
-  "files": [],
-  "include": [],
-  "references": [
-    {
-      "path": "./tsconfig.lib.json"
-    }
-  ]
+  "include": ["src"],
+  "exclude": ["node_modules", "dist"]
 }