resource explorer missing css styles about iot-app-kit HOT 4 CLOSED

import { ResourceExplorer, WebglContext } from '@iot-app-kit/react-components';
import { initialize } from '@iot-app-kit/source-iotsitewise';
import { useState, useEffect } from 'react';
import "@iot-app-kit/components/styles.css";


function App() {
  const [query, setQuery] = useState(null);

  useEffect(() => {
    setQuery(initialize({
      awsCredentials: {
        accessKeyId: "",
        secretAccessKey: "",
        sessionToken: "",
      },
      awsRegion: 'us-west-2',
      settings: { 
        batchDuration: undefined,
        legacyAPI: false,
      }
    }).query);
  }, []);

  return (
    <>
      <h2>Test App</h2>

      <div style={{ width: '300px', margin: '1rem' }}>
        <ResourceExplorer
          query={query?.assetTree.fromRoot()}
          onSelectionChange={(event) => console.log(event)}
          columnDefinitions={[{
            sortingField: 'name',
            id: 'name',
            header: 'Asset Name',
            cell: ({ name }) => name
          }]}
        />
      </div>

      <WebglContext />
    </>
  );
}

export default App;