GLOBE COMPONENT WORKS

craco.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+    plugins: [
+      {
+        plugin: require("craco-cesium")()
+      }
+    ]
+  };

package.json

@@ -3,11 +3,13 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@craco/craco": "^7.0.0",
     "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
     "axios": "^1.2.1",
     "cesium": "^1.100.0",
+    "craco-cesium": "^1.0.0",
     "flowbite": "^1.5.5",
     "flowbite-react": "^0.3.7",
     "react": "^18.2.0",
@@ -15,15 +17,17 @@
     "react-helmet": "^6.1.0",
     "react-image-gallery": "^1.2.11",
     "react-router-dom": "^6.6.1",
-    "react-scripts": "5.0.1",
+    "react-scripts": "^5.0.1",
     "react-slideshow-image": "^4.1.1",
     "resium": "^1.16.0",
+    "stream": "^0.0.2",
+    "timers": "^0.1.1",
     "web-vitals": "^2.1.4"
   },
   "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
+    "start": "craco start",
+    "build": "craco build",
+    "test": "craco test",
     "eject": "react-scripts eject"
   },
   "eslintConfig": {

src/components/Globe/Globe.js

@@ -1,12 +1,15 @@
 import React from 'react'
 import {Cartesian3} from 'cesium'
-import {Viewer} from 'resium'
+import { Color } from "cesium";
+import { Viewer, Entity } from "resium";
 
 const Globe = () => {
   return (
     <div class='text-center'>
       <h2 class='text-3xl'>GLOBE</h2>
 
+      <Viewer full />
+
 
     </div>
   )