Hello, I would like to use css grids in a new project but Im also interested in using the native aspect of react. For the front end Im using react-native-web and would like to know if this package plays well with that suite.

Not exactly an issue but just putting this declaration here if anyone needs it

declare module 'react-css-grid' {
  interface GridProps {
    width: string | number = 320;
    gap: string | number = 32;
    children: (JSX.Element | JSX.Element[])[];
  }

  const Grid: (props: GridProps) => JSX.Element;

  export default Grid;
}

Almost only reason why developers are not able to adapt to CSS grid is, Because IE.
Is it good idea to solve this by adding some IE fallback JavaScript to React Components ?

We have grid props in styled-system, wouldn't it be better to use them here as well?

I tried adding this to my next.js project. It works fine client side but server side I get the following error.

styleSheet.getName is not a function
TypeError: styleSheet.getName is not a function
    at ComponentStyle.generateAndInjectStyles (my-project/node_modules/react-css-grid/node_modules/styled-components/lib/models/ComponentStyle.js:95:37)

Hopefully this problem would go away after #5 is resolved, because I'm going to try styled-system next.