Hello,
I'm having issues when embedding a React da...
# gooddata-uie
Eli
08/21/2023, 3:19 PMHello,
I'm having issues when embedding a React dashboard into a Rails app. I've followed the embedding guide and the integration part but received this error message. Could you please assist? What could cause the issue?
Thank you very much!
i
Ivana Gasparekova
08/21/2023, 3:26 PMHi Eli,
Sorry to hear about your troubles.
Are you working with GoodData.CN or with GoodData Cloud, please?
Also, could you be so kind and re-share the error from the console with us, please?
You can simply copy-paste it as a plain text.
e
Eli
08/21/2023, 3:28 PMWe are using Cloud.
✔️ 1
Eli
08/21/2023, 3:29 PM`A non-serializable value was detected in the state, in the path:
loading.errori
Ivana Gasparekova
08/21/2023, 3:33 PMThanks, please let me check internally what might be causing such an error.
👍 1
j
Jakub Vajda
08/21/2023, 4:21 PMHi Eli, may I kindly know how do you instantiate the backend?
In case of cloud you can proceed (for example) as:
Copy code
const backend = tigerFactory({
hostname: "<https://_______.demo.cloud.gooddata.com/>"
}).withAuthentication(new ContextDeferredAuthProvider(redirectToTigerAuthentication));package.jsone
Eli
08/21/2023, 7:18 PMThanks, Jakub. We are using this to initialize:
const backend = tigerFactory().onHostname("<https://____.trial.cloud.gooddata.com/gdc>").withAuthentication(new ContextDeferredAuthProvider(redirectToTigerAuthentication));i
Ivana Gasparekova
08/21/2023, 7:21 PM@Jakub Vajda ∆
j
Jakub Vajda
08/21/2023, 7:38 PMThat
/gdc Copy code
import tigerFactory, { ContextDeferredAuthProvider, redirectToTigerAuthentication } from "@gooddata/sdk-backend-tiger";
import { BackendProvider, WorkspaceProvider } from "@gooddata/sdk-ui";
import { Dashboard } from "@gooddata/sdk-ui-dashboard";
import { idRef } from "@gooddata/sdk-model";
import "@gooddata/sdk-ui-dashboard/styles/css/main.css";
const backend = tigerFactory().onHostname("<https://____.trial.cloud.gooddata.com/gdc>").withAuthentication(new ContextDeferredAuthProvider(redirectToTigerAuthentication));
const dashboard = idRef("this_hex_code_to_identify_dashboard");
...
<Dashboard dashboard={dashboard} />e
Eli
08/21/2023, 7:51 PMThat's getting us further! Removing gdc helped. We now have a "No Session or Expired Session" message. We also have a number of
Copy code
XML Parsining Error: not well-formed Copy code
A non-serializable value was detected in the state Copy code
import tigerFactory, { ContextDeferredAuthProvider, redirectToTigerAuthentication } from "@gooddata/sdk-backend-tiger";
import { BackendProvider, WorkspaceProvider } from "@gooddata/sdk-ui";
import { Dashboard } from "@gooddata/sdk-ui-dashboard";
import { idRef } from "@gooddata/sdk-model";
import "@gooddata/sdk-ui-dashboard/styles/css/main.css";
const backend = tigerFactory()
.onHostname("<https://_____.trial.cloud.gooddata.com/>") // this should be the domain where the GoodData Cloud or <http://GoodData.CN|GoodData.CN> is hosted
.withAuthentication(new ContextDeferredAuthProvider(redirectToTigerAuthentication));
const dashboard = idRef("___");
export const EmbeddedDashboard = () => <Dashboard dashboard={dashboard} />;
function App() {
return (
<BackendProvider backend={backend}>
<WorkspaceProvider workspace="_____">
<EmbeddedDashboard />
</WorkspaceProvider>
</BackendProvider>
);
}j
Jakub Vajda
08/21/2023, 8:06 PMAnd if you open https://_____.trial.cloud.gooddata.com/ in another window of that browser are you logged in?
It might be a problem of mismatched cookies stored in the browser memory.
Also I would check if you have allowed origin for the local development server (in example https://localhost:3030).
As for the
non-serializable value detected in the state@gooddata/react-componentse
Eli
08/21/2023, 8:21 PMI have verified that I am logged into gooddata in the same browser. I have removed the react-components library. CORS is properly configured for development. I am now using a different browser and and getting the message "Request Failed with Status Code 404" I am getting the error
Copy code
Tiger backend threw an error: {detail: 'The requested endpoint does not exist or you do not have permission to access it.', status: 404,Eli
08/21/2023, 8:32 PMIssue resolved. Thank you for your help.
🙌 2