import React from 'react';
import Store from '../../store';

import Item from './Item';
import { Root, ForwardIcon } from './styles';

export default class TreeBar extends React.Component {
  public render() {
    return (
      <Root>
        <Item data={Store.data} home />
        {Store.path.map((data: any, key: any) => (
          <React.Fragment>
            <ForwardIcon className="FORWARD-ICON" />
            <Item data={data} key={key} />
          </React.Fragment>
        ))}
      </Root>
    );
  }
}

import React from 'react';
import Store from '../../store';

import Item from './Item';
import { Root, ForwardIcon } from './styles';

export default class TreeBar extends React.Component {
  public render() {
    return (
      <Root>
        <Item data={Store.data} home />
        {Store.path.map((data: any, key: any) => (
          <React.Fragment key={key}>
            <ForwardIcon className="FORWARD-ICON" />
            <Item data={data} key={key} />
          </React.Fragment>
        ))}
      </Root>
    );
  }
}

Fix unique key error in bookmarks
:bug: Fix unique key error in bookmarks
