openobserve / openobserve

πŸš€ 10x easier, πŸš€ 140x lower storage cost, πŸš€ high performance, πŸš€ petabyte scale - Elasticsearch/Splunk/Datadog alternative for πŸš€ (logs, metrics, traces, RUM, Error tracking, Session replay).

Home Page:https://openobserve.ai

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Many errors building the web UI

yonas opened this issue Β· comments

Which OpenObserve functionalities are the source of the bug?

dashboards

Is this a regression?

Yes

Description

I'm running into many errors while building the web UI.

Effects both Linux and FreeBSD.

Node.js v20.12.2

Please provide a link to a minimal reproduction of the bug

No response

Please provide the exception or error you saw

rendering chunks (80)...src/views/User.vue:3:5 - error TS7026: JSX element implicitly has type 'any' because no interface 'JSX.IntrinsicElements' exists.                                                            
                                                                                                                                                                                                                     
3     <component v-if="loadComponent" :is="componentName" />                                                                                                                                                         
      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~                                                                                                                                                         
                                                                                                                                                                                                                     
src/components/ingestion/recommended/LinuxConfig.vue:4:5 - error TS7026: JSX element implicitly has type 'any' because no interface 'JSX.IntrinsicElements' exists.                                                  
                         
                                                                                                                                                                                            
4     <br />                                                                                                                                                                                                         
      ~~~~~~                                                                                                                                                                                                         
                                                                                                                                                                                                                     
src/components/ingestion/recommended/LinuxConfig.vue:5:5 - error TS7026: JSX element implicitly has type 'any' because no interface 'JSX.IntrinsicElements' exists.                                                  
                                                                                                                                                                                                                     
5     <hr />                                                                                                                                                                                                         
      ~~~~~~                                                                                                                                                                                                         
                                                                                                                                                                                                                     
src/components/icons/NotEqualIcon.vue:3:5 - error TS7026: JSX element implicitly has type 'any' because no interface 'JSX.IntrinsicElements' exists.                                                                 
                                                                                                                                                                                                                     
3     <path fill="currentColor" d="M0 25.5V20.5H32V25.5H0ZM0 11.5V6.5H32V11.5H0Z"/>                                                                                                                                  
      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~                                                                                                                                  
                                                                                                                                                                                                                     
src/components/icons/EqualIcon.vue:3:5 - error TS7026: JSX element implicitly has type 'any' because no interface 'JSX.IntrinsicElements' exists.                                                                    
                                                                                                                                                                                                                     
3     <path fill="currentColor" d="M0 25.5V20.5H32V25.5H0ZM0 11.5V6.5H32V11.5H0Z"/>                                                                                                                                  
      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~                                                                                                                                  
                                                                                                                                                                                                                     
src/components/icons/TraceTimelineIcon.vue:3:5 - error TS7026: JSX element implicitly has type 'any' because no interface 'JSX.IntrinsicElements' exists.                                                            
                                                                                                                                                                                                                     
3     <path d="M3 2H11M5 4.5H11M5 7H9.11111" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

...

Found 146 errors in 64 files.

Errors  Files
     1  src/views/User.vue:3
     2  src/components/ingestion/recommended/LinuxConfig.vue:4
     2  src/components/icons/NotEqualIcon.vue:3
     1  src/components/icons/EqualIcon.vue:3
     3  src/components/icons/TraceTimelineIcon.vue:3
     1  src/components/icons/ServiceMapIcon.vue:3
     1  src/components/icons/DescSort.vue:8
     1  src/components/icons/AscSort.vue:8
     1  src/components/icons/SlackIcon.vue:3
     2  src/components/login/SsoLogin.vue:4                                                                                                                                                                  
     2  src/components/ingestion/recommended/WindowsConfig.vue:8                                                                                                                                                     
     1  src/components/iam/organizations/AppOrganizations.vue:19                                                                                                                                                     
     1  src/components/rum/errorTracking/view/ErrorTypeIcons.vue:19                                                                                                                                                  
     1  src/plugins/traces/AppCollapse.vue:20                                                                                                                                                                        
     2  src/views/About.vue:20                                                                                                                                                                                       
     1  src/components/rum/sessionReplay/SessionLocationColumn.vue:21
     1  src/plugins/traces/fields-sidebar/AdvancedValuesFilter.vue:27
     3  src/components/rum/errorTracking/view/ErrorTags.vue:22
     3  src/components/PendingSubscriptionWarning.vue:23
     1  src/components/iam/groups/EditGroup.vue:27
     2  src/components/iam/roles/EditRole.vue:28
     2  src/views/MemberSubscription.vue:29
     3  src/components/iam/roles/AddRole.vue:31
     1  src/components/ingestion/recommended/FrontendRumConfig.vue:31
     2  src/components/dashboards/addPanel/DrilldownUserGuide.vue:46
     3  src/components/iam/groups/AddGroup.vue:33
     1  src/components/dashboards/settings/GeneralSettings.vue:32
     4  src/components/rum/VideoPlayer.vue:40
     1  src/components/MenuLink.vue:46
     4  src/components/login/Login.vue:39
     2  src/views/RUM/RealUserMonitoring.vue:46
     3  src/plugins/metrics/AddToDashboard.vue:47
     1  src/components/dashboards/addPanel/DrilldownPopUp.vue:50
     6  src/layouts/MainLayout.vue:49
     1  src/components/dashboards/AddFolder.vue:54
    11  src/components/iam/users/AddUser.vue:47
     1  src/plugins/logs/IndexList.vue:58
     1  src/plugins/traces/TraceBlock.vue:55
     1  src/components/rum/AppTable.vue:61
     1  src/components/dashboards/AddDashboard.vue:62
     1  src/enterprise/components/organizations/AddUpdateOrganization.vue:66
     1  src/plugins/traces/SpanBlock.vue:72
     2  src/components/AppTable.vue:72
     7  src/components/reports/CreateReport.vue:73
     1  src/components/dashboards/settings/TabsSettings.vue:71
     1  src/components/alerts/AddTemplate.vue:78
     2  src/components/dashboards/addPanel/MonacoHTMLEditor.vue:92
     2  src/components/dashboards/addPanel/MonacoMarkdownEditor.vue:92
     3  src/components/dashboards/QueryEditor.vue:96
     3  src/components/iam/roles/PermissionsJSON.vue:104
     3  src/components/QueryEditor.vue:104
     2  src/components/ingestion/recommended/KubernetesConfig.vue:92
     2  src/plugins/traces/TraceDetails.vue:100
     2  src/components/settings/General.vue:112
     6  src/components/dashboards/addPanel/DashboardSankeyChartBuilder.vue:107
     6  src/components/dashboards/addPanel/DashboardMapQueryBuilder.vue:107
     1  src/plugins/logs/SearchResult.vue:111
     2  src/plugins/traces/IndexList.vue:113
     2  src/plugins/traces/QueryEditor.vue:226
     1  src/components/dashboards/addPanel/ConfigPanel.vue:207
     8  src/components/dashboards/addPanel/DashboardQueryBuilder.vue:186
     3  src/components/alerts/ScheduledAlert.vue:230
     1  src/components/alerts/AddAlert.vue:224
     2  src/plugins/logs/QueryEditor.vue:295

error Command failed with exit code 2.

Please provide the version you discovered this bug in (check about page for version information)

No response

Anything else?

No response

Did you use latest main branch? we build dev versions everyday on linux, no error report.