Как правильно импортировать данные?

Question

[Полина Титова]

Импорт данных и передача в компоненты:

import React from 'react';
import ReactDOM from 'react-dom';
import App from './components/app/App';
import { tickets } from './data/tickets.json';

ReactDOM.render(
  <React.StrictMode>
    <App tickets={tickets} />
  </React.StrictMode>,
  document.getElementById('root')
);

Данные отображаются в карточках, но в консоль вывелась ошибка:

ERROR in ./src/index.tsx 11:13-20
Should not import the named export 'tickets' (imported as 'tickets') from default-exporting module (only default export is available soon)

Как нужно правильно импортировать данные, чтобы не выводилось ошибок?

Comments

[WbICHA]

В ошибке же всё чётко и ясно написано, ты не можешь деструктуризировать джейсон в импорте, он работает как дефолтный экспорт и только.