log.ts:17 [Grid.js] [ERROR]: ReferenceError: html is not defined about gridjs

[afshinm]

@Naravyb it's definitely not a bug. html function was not imported correctly:

    new gridjs.Grid({
        columns: ['Pokemon', 'URL'],
        pagination: {
          limit: 5,
          server: {
            url: (prev, page, limit) => `${prev}?limit=${limit}&offset=${page * limit}`
          }
        },
        server: {
          url: 'https://pokeapi.co/api/v2/pokemon',
          then: data => data.results.map(pokemon => [
            pokemon.name, gridjs.html(`<a href='${pokemon.url}'>Link to ${pokemon.name}</a>`)
          ]),
          total: data => data.count
        } 
      }).render(document.getElementById("wrapper"));

https://jsfiddle.net/2041953p/

[afshinm]

@Naravyb how did you import html? Can you please create a jsFiddle/Codesandbox for me to debug?

[swiftalker]

https://jsfiddle.net/nara014/ex1swno6/2/

like this problem that I found in gridJS, is this really a bug?

[swiftalker]

I've found the solution by separating several components from the original grid.development.js file and this works perfectly. Powerful and nice.

https://gist.github.com/Naravyb/27c256f52d8321ec0b6d2d8cf71db179

[vkalidindiClopay]

This doesn't work and I am getting the below issue

1. [Grid.js] [ERROR]: Could not determine the storage type
2. The above error occurred in the component: Consider adding an error boundary to your tree to customize error handling behavior.
   Visit https://reactjs.org/link/error-boundaries to learn more about error boundaries.

[Zonalds]

Ran into this issue with react.
Here is how I imported the html;

import { Grid, html } from 'gridjs-react';

[chintanbanugaria]

@vkalidindiClopay

got the same issue of storage in vue with multiple instances. Did you resolved it ?

[joeskeen]

For anyone trying the JSFiddle above in the future, I was able to get it to work by rewriting it using ES modules: https://jsfiddle.net/6aoqeLtw/