question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[bug]: Warning message using components exported from @magento/venia-drivers

See original GitHub issue

Describe the bug Hi, I’m following this tutorial to learn the basic of Pwa Studio: https://www.simicart.com/blog/magento-pwa-studio-tutorial-the-basics/?simipwa=1

Importing Link component from @magento/venia-drivers gives this error:

WARNING in ./src/drivers.js export ‘Link’ was not found in '@magento/venia-ui/lib/drivers

To reproduce Import the Link component.

import React from 'react';
import Icon from '@magento/venia-ui/lib/components/Icon';
import { Tag as TagIcon } from 'react-feather';
import {  Link } from '@magento/venia-drivers';
import classes from './brandicon.css';
import { FormattedMessage, useIntl } from 'react-intl';
 
const BrandIcon = () => {
   const history = useHistory();
   const { formatMessage } = useIntl();
 
   return (
       <button
           aria-label={formatMessage({
               id: 'brand.brandLabel',
               defaultMessage: 'Brands'
           })}
           className={classes.root}
           onClick={() => history.push('/brand.html'}
       >
           <Icon src={TagIcon} />
           <span className={classes.label}>
               <FormattedMessage id={'Brands'} />
           </span>
       </button>
   )
}
export default BrandIcon

Expected behavior no error message

Please complete the following device information:

  • Device [MacBook Pro 13]:
  • Browser [Chrome]:
  • Magento Version [Adobe Commerce 2.3.3]:

Please let us know what packages this bug is in regards to:

  • venia-concept
  • venia-ui
  • pwa-buildpack
  • peregrine
  • pwa-devdocs
  • upward-js
  • upward-spec
  • create-pwa

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
huykoncommented, May 14, 2022

@fabiomangano we should import Link from react-router-dom like this

0reactions
anthoulacommented, May 17, 2022

@fabiomangano venia-drivers has been deprecated for quite some time, and will be fully removing it soon. Consider importing from react-router-dom instead

Read more comments on GitHub >

github_iconTop Results From Across the Web

TypeScript Warning: Export, reexported as, was not found ...
Either way the solution is that your type needs to be exported differently. Updating your code to the following should fix your issue....
Read more >
Importing Existing Libraries to Your Connected Workspace in ...
This page looks at using the Library Importer to quickly import your ... will flag a Warning message when the same component Name...
Read more >
Known issues in Premiere Pro - Adobe Support
Issue: An issue affecting H.264 and HEVC or H.265 exports on Windows with Premiere Pro 23.1. The issue impacts H.264 and HEVC or...
Read more >
git-fast-export Documentation - Git SCM
With strip, the tags will silently be made unsigned, with warn-strip they will be ... If you think you have found a git...
Read more >
DataWeb
dataweb.usitc.gov ; Trade. Retrieve U.S. merchandise trade data using the data request tool. Imports For Consumption · Domestic Exports ; Tariff. Get past, ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found