Hello there! I want to use some components from Go...
# gooddata-ui
j
Hello there! I want to use some components from GoodData.UI in my React app, but I getting several warning ๐Ÿงต
this is the error
Copy code
WARNING in ../../node_modules/@gooddata/sdk-ui-dashboard/esm/presentation/filterBar/attributeFilter/dashboardDropdownBody/configuration/ConfigurationCategory.js
Module Warning (from ../../node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/Users/joac/node_modules/@gooddata/sdk-ui-dashboard/src/presentation/filterBar/attributeFilter/dashboardDropdownBody/configuration/ConfigurationCategory.tsx' file: Error: ENOENT: no such file or directory, open '/Users/joac/node_modules/@gooddata/sdk-ui-dashboard/src/presentation/filterBar/attributeFilter/dashboardDropdownBody/configuration/ConfigurationCategory.tsx'
I have
webpack compiled with 2432 warnings (052169f3a3855a77)
So I guess Iโ€™m missing some configuration in my webpack file, maybe?
these are the deps Iโ€™m ussing:
Copy code
"@gooddata/api-client-tiger": "9.1.0",
    "@gooddata/sdk-backend-tiger": "9.1.0",
    "@gooddata/sdk-ui-all": "9.1.0",
    "@gooddata/sdk-ui-dashboard": "9.1.0",
and this is main file
Copy code
import { idRef } from '@gooddata/sdk-model';
import { BackendProvider, WorkspaceProvider } from '@gooddata/sdk-ui-all';
import { Dashboard } from '@gooddata/sdk-ui-dashboard';
import { backend } from './backend';
import './features-analytics.module.scss';

export interface FeaturesAnalyticsProps {}

export function FeaturesAnalytics(props: FeaturesAnalyticsProps) {
  const dashboard = idRef('dashboardId');

  return (
    <BackendProvider backend={backend}>
      <WorkspaceProvider workspace="workspaceId">
        <div className="analytics">
          <Dashboard dashboard={dashboard} />;
        </div>
      </WorkspaceProvider>
    </BackendProvider>
  );
}
r
Hi Joaquin, Radek from the GoodData technical team here, let me have a look and come back to you ๐Ÿ™‚
๐Ÿ‘ 1