[Hookup osd 2.0] AnnotationDomainTypes does not exists in @elastic/charts

[ananzh]

Describe the bug
See any errors for all AnnotationDomainTypes imports. For example, /anomaly-detection-dashboards-plugin/public/pages/AnomalyCharts/containers/AnomalyDetailsChart.tsx

import {
  AnnotationDomainTypes,

will show the following error

'"@elastic/charts"' has no exported member named 'AnnotationDomainTypes'. Did you mean 'AnnotationDomainType'?ts(2724)
specs.d.ts(691, 22): 'AnnotationDomainType' is declared here.

Then after hookup with OSD 2.0 and solved 400 Bad Request issue click create detector --> create a detector --> after detector initializing stage is done, click it. NO concept is shown.

To Reproduce
Run OpenSearch 2.0 with AD engine 2.0
Clone AD Dashboards current main (v1.3) to OpenSearch Dashboards plugins folder
Modify packages.json (delete the packages that have the compatibility issue):

"@testing-library/jest-dom": "^5.11.4",
"@testing-library/react": "^11.0.4"
Change opensearchDashboardsVersion to 2.0.0 in opensearch_dashboards.json
Run yarn osd bootstrap and yarn start in OpenSearch Dashboards
After solve the 400 Bad Request issue, click create detector --> create a detector --> after detector initializing stage is done, click it. NO concept is shown.

Expected behavior
No issue

Plugins
AD

[ananzh]

AnnotationDomainTypes does not exists due to @elastic/charts upgrade. This is the breaking change. AnnotationDomainType is the one used in @elastic/charts.

Two ways to change:

1. a quick fix, change AnnotationDomainTypes to

 AnnotationDomainType as AnnotationDomainTypes

2. use AnnotationDomainType and modify all the places use AnnotationDomainTypes

Then detector is rendered out