Issues in Next.js 14

[AlfieDarko]

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!

[flexchapman]

@ggdaltoso is your branch able to be merged? I'm experiencing the same issue.

[ggdaltoso]

I'm aiming to ship this week, @flexchapman

Stay tuned!

[flexchapman]

Love it! Many thanks.