JavaScript UI Libraries & Blazor Components Suite – Smart UI › Forums › Data Grid › Unable to load data into grid. › Reply To: Unable to load data into grid.
August 24, 2020 at 3:10 pm
#100997
Keymaster
Hi Hristofor, thank you so much for your reply.
I checked my package.json and I already have smart-webcomponents-react@7.7.2 installed.
I didn’t manage to get the CSS imported as shown in this example as it causes loader error.
AppPage
is a common layout.
...
const AppPage = ({
children, screen, notReady, routeParams,
}) => (
<div className="app-page-container">
<UserSessionModal />
<LoadingBar className="loading-bar fixed-top" />
<AppBar />
<div className="app-page-body">
<Sidebar screen={screen} routeParams={routeParams} />
<div className="app-page-content">{ notReady || children }</div>
</div>
<div className="app-page-footer">
<AppFooter />
</div>
<ModuleTracker screen={screen} />
</div>
);
export default AppPage;
This is my App.jsx
:
...
const App = () => (
<Provider store={Store}>
<ErrorGlobalPage>
<ThemeProvider />
<PersistGate
persistor={reduxPersistor}
>
<Localization>
<ToastContainer
hideProgressBar
position="bottom-right"
draggable={false}
/>
<Socket />
<Routes />
</Localization>
</PersistGate>
</ErrorGlobalPage>
</Provider>
);
export default App;
This is my index.jsx
...
ReactDOM.render(
<App />,
document.getElementById('root'),
);