diff --git a/package.json b/package.json
index 4a00a22..5520804 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "homepage": "https://vijoplays.github.io/profile",
   "name": "vijoplays.github.io",
-  "version": "0.1.0",
+  "version": "1.0.0",
   "private": false,
   "dependencies": {
     "@babel/preset-typescript": "^7.24.1",
diff --git a/src/index.tsx b/src/index.tsx
index d5a0320..1fbcc6d 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,10 +1,12 @@
-import "./index.css";
+import './index.css';
 
-import ReactDOM from "react-dom";
+import { createRoot } from 'react-dom/client';
 
-import App from "./App";
+import App from './App';
 
-ReactDOM.render(<App />, document.getElementById("root"));
+const container = document.getElementById('root');
+const root = createRoot(container!); 
+root.render(<App />);
 
 export * from "./App";
 export * from "./Customization";