[greatbritan777@mail.ru]

вопрос тупой я начал изучение реакт не сердитесь,
Рисую сетку из шестиугольником на реакт, не ругается но ничего не рисует
index.js

import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App';
import reportWebVitals from './reportWebVitals';

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

app.js

import React from 'react';
import './styles/App.css';
import {observer} from "mobx-react-lite";

import Grid from "./components/Grid";
const App = observer(() =>  {
  return (
    <div>
      <Grid/>
    </div>
  );
});

export default App;

Grid.js

import React from 'react';
import GridBerry from "./GridBerry";
import {observer} from "mobx-react-lite";

const Grid = observer(() => {
 
    return (
		<ul id="hexGrid">
			<GridBerry/>
			<GridBerry/>
			<GridBerry/>
			<GridBerry/>
		</ul>

    );
});

export default Grid;

GridBerry.js

import React from 'react';
import {observer} from "mobx-react-lite";

const GridBerry = observer(() => {
 
    return (
		<li class="hex">
			<div class="hexIn">
				<a class="hexLink" href="#">
					<img src="image.jpg" alt="" />
					<h2>Заголовок</h2>
					<p>Краткий текст</p>
				</a>
			</div>
		</li>
    );
});

export default GridBerry;