Closed antinmaze closed 2 months ago
upgrading astro to astro v4.7.0 solved this issue using
npx @astrojs/upgrade
I still get this:
Warning: ReactDOMServer.renderToStaticNodeStream() is deprecated. Use ReactDOMServer.renderToPipeableStream() and wait to `pipe` until the `onAllReady` callback has been called instead.
11:02:34 [ERROR] Cannot find module 'virtual:astro-icon' imported from '/home/username/Desktop/....github.io/node_modules/astro-icon/components/Icon.astro'
Stack trace:
at nodeImport (file:///home/username/Desktop/....github.io/node_modules/vite/dist/node/chunks/dep-DkOS1hkm.js:55067:25)
at eval (/home/username/Desktop/....github.io/node_modules/astro-icon/components/Icon.astro:4:37)
Adding it to integrations solved it.
import icon from "astro-icon";
export default defineConfig({
integrations: [icon()],
});
But this remains:
Warning: ReactDOMServer.renderToStaticNodeStream() is deprecated. Use ReactDOMServer.renderToPipeableStream() and wait to `pipe` until the `onAllReady` callback has been called instead.
@nemanjam using manual installation. can lead to misconfiguration. The quick installation command works managing all the configurations. Do not have an issue with the last version "astro": "^4.7.0", "astro-icon": "^1.1.0",
What version of
astro-icon
are you using?v1.9.2
Astro Info
If this issue only occurs in one browser, which browser is a problem?
chrome, Firefox
Describe the Bug
After installing astro-icon and creating a /src/icons/plus-circle.svg file I have the following code: `--- const { sectionName, sectionUrl, sectionItems } = Astro.props; import { Icon } from 'astro-icon/components'
I have the follkowing issue executing 'npm run dev';
What's the expected result?
Not having this message "Cannot read properties of undefined (reading 'info')" which is displayed in the browser
Link to Minimal Reproducible Example
https://stackblitz.com/edit/astro-f8ywpn?file=src%2Fpages%2Findex.astro