You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Getting some issues trying to use react95 in nextjs 14.
This is what I see in the terminal and localhost:3000
⨯ ./Cursor:37
Error: Image import "./cursors/AngleUpLeft.png" is not a valid image file. The image may be corrupted or an unsupported format.
.
Im wondering if it has something to do with the loaders? Next shouldnt have a problem with this at all but I've been stuck for days without a resolution.
Here is the next config I am using
const withTM = require("next-transpile-modules")([
"@react95/icons",
"@react95/core",
]); // Add '@react95/icons' to the transpile modules list
const withFonts = require("next-fonts");
const path = require("path");
const withImages = require("next-images");
// next.config.js
module.exports = withImages(
withFonts(
withTM({
webpack: (config, { isServer, defaultLoaders }) => {
if (!isServer) {
// Adjust the client-side Webpack configuration
config.module.rules.push({
test: /\.svg$/,
include: [path.resolve(__dirname, "node_modules/@react95")],
use: ["@svgr/webpack"],
});
config.module.rules.push({
test: /\.(svg|woff|woff2|ttf|eot|ico)$/,
use: [
{
loader: "file-loader?name=assets/[name].[hash].[ext]",
options: {
name: "[name].[ext]", // You can adjust the naming convention
publicPath: "/_next/static/fonts/", // The path where the fonts will be served from
outputPath: "static/fonts/", // The path where the fonts will be outputted
},
},
],
});
config.module.rules.push({
test: /\.(png|jpe?g|gif)$/,
include: [path.resolve(__dirname, "node_modules/@react95")],
use: {
loader: "file-loader",
options: {
publicPath: "/_next/static/images/",
outputPath: "static/images/",
name: "[name]-[hash].[ext]",
},
},
});
}
return config;
},
})
)
);
Any help is appreciated!
The text was updated successfully, but these errors were encountered:
changing from `styled-components` to `vanilla-extract`
BREAKING CHANGE: React95 now changes its styling core, from `styled-components`/`xstyled` to
`vanilla-extract`. This will change how the lib is installed and how to use the components
re #423, re #407
Getting some issues trying to use react95 in nextjs 14.
This is what I see in the terminal and localhost:3000
.
Im wondering if it has something to do with the loaders? Next shouldnt have a problem with this at all but I've been stuck for days without a resolution.
Here is the next config I am using
Any help is appreciated!
The text was updated successfully, but these errors were encountered: