website example cannot accessed

[esafata]

uiwjs.github.io/react-heat-map/ this website cannot accessed. So i cannot try it the project

[jaywcjlove]

@esafata I guess you are in China.

[esafata]

nope. How to i can try it?

[jaywcjlove]

@esafata https://www.astrill.com

[jaywcjlove]

[esafata]

what is this code can integratted with my NextJS project?

[jaywcjlove]

https://github.com/uiwjs/react-md-editor/issues/52#issuecomment-848969341 @esafata

[esafata]

import ReactDOM from 'react-dom'; import HeatMap from '@uiw/react-heat-map';

const value = [ { date: '2016/01/11', count: 2 }, { date: '2016/01/12', count: 20 }, { date: '2016/01/13', count: 10 }, ...[...Array(17)].map((_, idx) => ({ date: 2016/02/${idx + 10}, count: idx, content: '' })), { date: '2016/04/11', count: 2 }, { date: '2016/05/01', count: 5 }, { date: '2016/05/02', count: 5 }, { date: '2016/05/04', count: 11 }, ];

const Demo = () => { return (

) }; ReactDOM.render(, mount);

this code is in a new file created or there is on the repository file?

[jaywcjlove]

@esafata You are asking how the sample code is displayed?

[esafata]

where the sample code existed?

i dont know how to start use the code

[jaywcjlove]

@esafata The sample code is in REAME.md

[jaywcjlove]

Example: https://github.com/uiwjs/react-heat-map/blame/main/README.md#L26-L50

[jaywcjlove]

<!--rehype:bgWhite=true&codeSandbox=true&codePen=true-->
```jsx
\```

https://github.com/uiwjs/react-heat-map/blob/bfbac6f6ef0a870f67fc0cd23fd3c25b81054d57/website/App.tsx#L38

[esafata]

I mean, where i write the sample code? on the new file or on the file existed?

[esafata]

on my project there is not file with extention .tsx

only .js in my project

[jaywcjlove]

@esafata https://codesandbox.io/s/react-heat-map-example-forked-k8knw?file=/src/index.js

[esafata]

Thanks, i got it. 👍 👍

[esafata]

have worked 👍