# Latest **URL:** https://community.embeddable.com/latest.md?page=3 [Latest](https://community.embeddable.com/latest.md) · [Categories](https://community.embeddable.com/categories.md) · [Tags](https://community.embeddable.com/tags.md) **Page:** 4 --- ## [MUI select popover not rendering correctly](https://community.embeddable.com/t/mui-select-popover-not-rendering-correctly/71)
**Author:** [@ella-embeddable](https://community.embeddable.com/u/ella-embeddable)\ **Replies:** 0\ **Last updated:** [August 9, 2024, 2:12pm UTC](https://community.embeddable.com/t/mui-select-popover-not-rendering-correctly/71 "2024-08-09T14:12:33Z")
When using the MUI select component in Embeddable, you might notice the popover may not render correctly. There are 2 options for using the Material UI select component: Make usage of the native MUI components (in this… --- ## [How should we refresh the token?](https://community.embeddable.com/t/how-should-we-refresh-the-token/70)
**Author:** [@ella-embeddable](https://community.embeddable.com/u/ella-embeddable)\ **Replies:** 0\ **Last updated:** [August 9, 2024, 2:00pm UTC](https://community.embeddable.com/t/how-should-we-refresh-the-token/70 "2024-08-09T14:00:23Z")
It’s important that you never expose the API key to your frontend. What you can do to refresh the token is set it up so that whenever you want to update it, you call your server side to get a new token. That way, you don… --- ## [How to add Embeddable to CI/CD flow](https://community.embeddable.com/t/how-to-add-embeddable-to-ci-cd-flow/69)
**Author:** [@ella-embeddable](https://community.embeddable.com/u/ella-embeddable)\ **Replies:** 0\ **Last updated:** [August 8, 2024, 1:32pm UTC](https://community.embeddable.com/t/how-to-add-embeddable-to-ci-cd-flow/69 "2024-08-08T13:32:14Z")
Just add these three steps to your CI/CD: Embeddable handbook --- ## [How to use your own custom font in Embeddable](https://community.embeddable.com/t/how-to-use-your-own-custom-font-in-embeddable/68)
**Author:** [@ella-embeddable](https://community.embeddable.com/u/ella-embeddable)\ **Replies:** 0\ **Last updated:** [August 2, 2024, 10:17am UTC](https://community.embeddable.com/t/how-to-use-your-own-custom-font-in-embeddable/68 "2024-08-02T10:17:01Z")
To use your own custom font, add it to our constants.ts file. The font will need to be hosted somewhere, e.g. in a public S3 bucket or google cloud storage or similar. --- ## [How do the code versions work?](https://community.embeddable.com/t/how-do-the-code-versions-work/67)
**Author:** [@ella-embeddable](https://community.embeddable.com/u/ella-embeddable)\ **Replies:** 0\ **Last updated:** [July 31, 2024, 3:52pm UTC](https://community.embeddable.com/t/how-do-the-code-versions-work/67 "2024-07-31T15:52:20Z")
each code version contains a snapshot of the code at the moment it was pushed so if you switch to a previous code version (before a component was deleted) that component will be there (and will work as it used to) i.… --- ## [How can I import amCharts?](https://community.embeddable.com/t/how-can-i-import-amcharts/64)
**Author:** [@ella-embeddable](https://community.embeddable.com/u/ella-embeddable)\ **Replies:** 0\ **Last updated:** [July 12, 2024, 4:46pm UTC](https://community.embeddable.com/t/how-can-i-import-amcharts/64 "2024-07-12T16:46:18Z")
You can import amCharts to use in Embeddable like so: useLayoutEffect(() =\> { import('@amcharts/amcharts5').then((am5) =\> { import('@amcharts/amcharts5/xy.js').then((am5xy) =\> { import('@amcharts/am… --- ## [What components are available from Embeddable?](https://community.embeddable.com/t/what-components-are-available-from-embeddable/28)
**Author:** [@ella-embeddable](https://community.embeddable.com/u/ella-embeddable)\ **Replies:** 0\ **Last updated:** [March 27, 2024, 12:59pm UTC](https://community.embeddable.com/t/what-components-are-available-from-embeddable/28 "2024-03-27T12:59:19Z")
Most importantly, with Embeddable you can bring in charts from any charting library you want! However, we have our own open source components repo (available here) that has all the standard components you’d expect to ge… --- ## [How to get the latest SDK version](https://community.embeddable.com/t/how-to-get-the-latest-sdk-version/61)
**Author:** [@ella-embeddable](https://community.embeddable.com/u/ella-embeddable)\ **Replies:** 0\ **Last updated:** [June 11, 2024, 4:07pm UTC](https://community.embeddable.com/t/how-to-get-the-latest-sdk-version/61 "2024-06-11T16:07:51Z")
You can always bump to the latest version by running: npx npm-check-updates -u "/@embeddable/" "@embeddable.com/core": "2.5.7", "@embeddable.com/react": "2.5.8", "@embeddable.com/sdk-core": "3.3.1", "@e… --- ## [How to handle split repos for FE and BE?](https://community.embeddable.com/t/how-to-handle-split-repos-for-fe-and-be/55)
**Author:** [@ella-embeddable](https://community.embeddable.com/u/ella-embeddable)\ **Replies:** 0\ **Last updated:** [May 2, 2024, 9:02am UTC](https://community.embeddable.com/t/how-to-handle-split-repos-for-fe-and-be/55 "2024-05-02T09:02:09Z")
Embeddable now supports componentsSrc and modelsSrc folders outside src/ SDK version: “@embeddable.com/sdk-core”: “^3.1.8” To configure components and models folders outside src, you can set this in config.js like so: … --- ## [Can I use jinja?](https://community.embeddable.com/t/can-i-use-jinja/60)
**Author:** [@ella-embeddable](https://community.embeddable.com/u/ella-embeddable)\ **Replies:** 0\ **Last updated:** [June 10, 2024, 3:38pm UTC](https://community.embeddable.com/t/can-i-use-jinja/60 "2024-06-10T15:38:22Z")
You can use jinja in your Cube data models! Check out this handy cheatsheet to get started using jinja pre-processing syntax in your data models e.g. cubes: - name: customers title: My customers sql: \> … --- ## [Pass variables via the web component](https://community.embeddable.com/t/pass-variables-via-the-web-component/59)
**Author:** [@ella-embeddable](https://community.embeddable.com/u/ella-embeddable)\ **Replies:** 0\ **Last updated:** [June 10, 2024, 3:36pm UTC](https://community.embeddable.com/t/pass-variables-via-the-web-component/59 "2024-06-10T15:36:14Z")
We’ve added support to allow variables to be passed in via the web component, as well as listen to variable changes. To interact with variables on the \ web component, you can define your Embeddable like so… --- ## [How do I filter data via some info in my URL?](https://community.embeddable.com/t/how-do-i-filter-data-via-some-info-in-my-url/30)
**Author:** [@ella-embeddable](https://community.embeddable.com/u/ella-embeddable)\ **Replies:** 0\ **Last updated:** [March 27, 2024, 1:19pm UTC](https://community.embeddable.com/t/how-do-i-filter-data-via-some-info-in-my-url/30 "2024-03-27T13:19:10Z")
Coming soon To load different data based on some info in your url, e.g. country name, you can either: pass in the info (e.g. country) via the security context when retrieving the security token (see Tokens API) pass i… --- ## [How to create two Environments and test them in Embeddable](https://community.embeddable.com/t/how-to-create-two-environments-and-test-them-in-embeddable/58)
**Author:** [@ella-embeddable](https://community.embeddable.com/u/ella-embeddable)\ **Replies:** 0\ **Last updated:** [May 10, 2024, 4:13pm UTC](https://community.embeddable.com/t/how-to-create-two-environments-and-test-them-in-embeddable/58 "2024-05-10T16:13:57Z")
A question we often get is how to create two environments - for example “Production” and “Staging” and test them in Embeddable. To achieve this, you can define your .cube.yml files like so: cubes: - name: customers … --- ## [What are the best practices regarding the repo?](https://community.embeddable.com/t/what-are-the-best-practices-regarding-the-repo/46)
**Author:** [@ella-embeddable](https://community.embeddable.com/u/ella-embeddable)\ **Replies:** 0\ **Last updated:** [March 27, 2024, 1:52pm UTC](https://community.embeddable.com/t/what-are-the-best-practices-regarding-the-repo/46 "2024-03-27T13:52:36Z")
Best practices are to have your own repo for your team, so that you can see each others’ changes etc. You can clone the starter pack and add it to your private repository, but then add it as a git remote, so that you ca… --- ## [Error: self signed certificate in certificate chain (Postgres)](https://community.embeddable.com/t/error-self-signed-certificate-in-certificate-chain-postgres/54)
**Author:** [@ella-embeddable](https://community.embeddable.com/u/ella-embeddable)\ **Replies:** 0\ **Last updated:** [April 30, 2024, 11:22am UTC](https://community.embeddable.com/t/error-self-signed-certificate-in-certificate-chain-postgres/54 "2024-04-30T11:22:00Z")
If you get this error: Error: self signed certificate in certificate chain Please change your SSL settings from: { "name": " ", "type": "postgres", "credentials": { "database": " ", "host": " ", … --- ## [Error using MUI AdapterDayjs](https://community.embeddable.com/t/error-using-mui-adapterdayjs/57)
**Author:** [@ella-embeddable](https://community.embeddable.com/u/ella-embeddable)\ **Replies:** 0\ **Last updated:** [May 8, 2024, 10:10am UTC](https://community.embeddable.com/t/error-using-mui-adapterdayjs/57 "2024-05-08T10:10:15Z")
If you run into an error such as: AdapterDayjs is not supported Please try to do the import as follows: import { AdapterDayjs } from '@mui/x-date-pickers/node/AdapterDayjs/index.js'; --- ## [How can I use React Material UI (MUI) in our components?](https://community.embeddable.com/t/how-can-i-use-react-material-ui-mui-in-our-components/56)
**Author:** [@ella-embeddable](https://community.embeddable.com/u/ella-embeddable)\ **Replies:** 0\ **Last updated:** [May 3, 2024, 3:39pm UTC](https://community.embeddable.com/t/how-can-i-use-react-material-ui-mui-in-our-components/56 "2024-05-03T15:39:30Z")
To use MUI with Embeddable, you’ll need a wrapper. Here is the simplest version, just using our MUI wrapper. And the MUI wrapper itself has the ThemeProvider - see example here --- ## [How does Embeddable work with dbt?](https://community.embeddable.com/t/how-does-embeddable-work-with-dbt/40)
**Author:** [@ella-embeddable](https://community.embeddable.com/u/ella-embeddable)\ **Replies:** 0\ **Last updated:** [March 27, 2024, 1:44pm UTC](https://community.embeddable.com/t/how-does-embeddable-work-with-dbt/40 "2024-03-27T13:44:18Z")
Check out our section here on how we work with dbt --- ## [Where can I see practical examples of components?](https://community.embeddable.com/t/where-can-i-see-practical-examples-of-components/25)
**Author:** [@ella-embeddable](https://community.embeddable.com/u/ella-embeddable)\ **Replies:** 0\ **Last updated:** [March 27, 2024, 12:10pm UTC](https://community.embeddable.com/t/where-can-i-see-practical-examples-of-components/25 "2024-03-27T12:10:35Z")
You can check out our components here --- ## [You have more than one available workspace. Please specify the workspace you want to use as the primary workspace](https://community.embeddable.com/t/you-have-more-than-one-available-workspace-please-specify-the-workspace-you-want-to-use-as-the-primary-workspace/53)
**Author:** [@ella-embeddable](https://community.embeddable.com/u/ella-embeddable)\ **Replies:** 0\ **Last updated:** [April 19, 2024, 4:56pm UTC](https://community.embeddable.com/t/you-have-more-than-one-available-workspace-please-specify-the-workspace-you-want-to-use-as-the-primary-workspace/53 "2024-04-19T16:56:56Z")
When running embeddable:dev, you might see the following message: if you have more than 1 workspace, you may see the following error message: You have more than one available workspace. Please specify the workspace you w… --- ## [Error: Embeddable version mismatch](https://community.embeddable.com/t/error-embeddable-version-mismatch/51)
**Author:** [@ella-embeddable](https://community.embeddable.com/u/ella-embeddable)\ **Replies:** 0\ **Last updated:** [April 18, 2024, 4:01pm UTC](https://community.embeddable.com/t/error-embeddable-version-mismatch/51 "2024-04-18T16:01:56Z")
The error “Embeddable version mismatch” means that you have two dashboards using different code versions. Please go to each of your dashboards in your workspace and “publish” them again, so that all published dashboards… --- ## [Connecting to a private database](https://community.embeddable.com/t/connecting-to-a-private-database/44)
**Author:** [@ella-embeddable](https://community.embeddable.com/u/ella-embeddable)\ **Replies:** 0\ **Last updated:** [March 27, 2024, 1:51pm UTC](https://community.embeddable.com/t/connecting-to-a-private-database/44 "2024-03-27T13:51:07Z")
Embeddable uses jump-server to securely connect to customer databases which are not publicly accessible. To connect to a private database, a secure connection between Embeddable servers and the client’s Bastion host must… --- ## [Does meta const have to be statically defined? I would like to reuse common parts of configuration](https://community.embeddable.com/t/does-meta-const-have-to-be-statically-defined-i-would-like-to-reuse-common-parts-of-configuration/50)
**Author:** [@ella-embeddable](https://community.embeddable.com/u/ella-embeddable)\ **Replies:** 0\ **Last updated:** [April 11, 2024, 7:52pm UTC](https://community.embeddable.com/t/does-meta-const-have-to-be-statically-defined-i-would-like-to-reuse-common-parts-of-configuration/50 "2024-04-11T19:52:52Z")
In summary: yes, meta needs to be statically defined (it can’t be defined using a function, it must be defined using an object) but, since sdk-\* version 3.0.0 it is possible to extract parts of the meta object into sep… --- ## [How long is a token valid for?](https://community.embeddable.com/t/how-long-is-a-token-valid-for/49)
**Author:** [@ella-embeddable](https://community.embeddable.com/u/ella-embeddable)\ **Replies:** 0\ **Last updated:** [April 11, 2024, 3:21pm UTC](https://community.embeddable.com/t/how-long-is-a-token-valid-for/49 "2024-04-11T15:21:43Z")
It’s up to you! You define the token expiry - check out our Tokens API documentation here --- ## [If I have different schema in the same Clickhouse instance, do I need a separate connection?](https://community.embeddable.com/t/if-i-have-different-schema-in-the-same-clickhouse-instance-do-i-need-a-separate-connection/48)
**Author:** [@ella-embeddable](https://community.embeddable.com/u/ella-embeddable)\ **Replies:** 0\ **Last updated:** [April 10, 2024, 9:45am UTC](https://community.embeddable.com/t/if-i-have-different-schema-in-the-same-clickhouse-instance-do-i-need-a-separate-connection/48 "2024-04-10T09:45:28Z")
For different schema in the same instance, we shouldn’t need to change the connection. You can just change your SQL in your models to point to the new schema. --- ## [How do I remove the border from the Embeddable vanilla components?](https://community.embeddable.com/t/how-do-i-remove-the-border-from-the-embeddable-vanilla-components/45)
**Author:** [@ella-embeddable](https://community.embeddable.com/u/ella-embeddable)\ **Replies:** 0\ **Last updated:** [March 27, 2024, 1:51pm UTC](https://community.embeddable.com/t/how-do-i-remove-the-border-from-the-embeddable-vanilla-components/45 "2024-03-27T13:51:45Z")
If you want to change anything relating to the CSS of our vanilla components you can do so in the index.css file in the components folder. You can also remove the classNames inside the component itself (line 9 in the Ba… --- ## [Is the Embeddable background transparent?](https://community.embeddable.com/t/is-the-embeddable-background-transparent/47)
**Author:** [@ella-embeddable](https://community.embeddable.com/u/ella-embeddable)\ **Replies:** 0\ **Last updated:** [March 27, 2024, 1:53pm UTC](https://community.embeddable.com/t/is-the-embeddable-background-transparent/47 "2024-03-27T13:53:23Z")
Yes! It will be the colour of wherever you embed the Embeddable. Note: the canvas background is white and we use a white background in the Preview. --- ## [How to create a custom time range type](https://community.embeddable.com/t/how-to-create-a-custom-time-range-type/43)
**Author:** [@ella-embeddable](https://community.embeddable.com/u/ella-embeddable)\ **Replies:** 0\ **Last updated:** [March 27, 2024, 1:47pm UTC](https://community.embeddable.com/t/how-to-create-a-custom-time-range-type/43 "2024-03-27T13:47:53Z")
Create a file namedsrc/types/MyTimeRange.type.emb.js Containing: import { defineType, defineOption } from "@embeddable.com/core"; const MyTimeRange = defineType("myTimeRange", { label: "My Time Range", toString: (… --- ## [Cube playground error](https://community.embeddable.com/t/cube-playground-error/42)
**Author:** [@ella-embeddable](https://community.embeddable.com/u/ella-embeddable)\ **Replies:** 0\ **Last updated:** [March 27, 2024, 1:47pm UTC](https://community.embeddable.com/t/cube-playground-error/42 "2024-03-27T13:47:18Z")
If you are getting an error while running Cube locally, please check that your cubes folder only contains models and no other files. If you have already checked this and it’s not resolved, please message our team! --- ## [Are there any global dependencies?](https://community.embeddable.com/t/are-there-any-global-dependencies/41)
**Author:** [@ella-embeddable](https://community.embeddable.com/u/ella-embeddable)\ **Replies:** 0\ **Last updated:** [March 27, 2024, 1:46pm UTC](https://community.embeddable.com/t/are-there-any-global-dependencies/41 "2024-03-27T13:46:57Z")
No, we use Vite.js as our JavaScript bundler. [Previous page](https://community.embeddable.com/latest.md?page=2) [Next page](https://community.embeddable.com/latest.md?page=4)