Makerkit upgraded to React 18

React 18 has been released, and with it many exciting features.

·2 min read
Cover Image for Makerkit upgraded to React 18

The React Team has finally released React 18 after a long and "suspensful" time.

Developers have long awaited this feature-packed release, which takes Suspense and Concurrent Rendering out of beta, and are now stable for developers to use.

Fortunately, the API has remained relatively stable, except for two main changes:

  • the React.FC interface has changed, and the children property is no longer part of it; this means that we had to apply a different interface to most components
  • the hook useEffect now runs twice to spot memory leaks

Makerkit is now compatible with the changes above, and you can use it with React 18 for developing your next SaaS.

Introducing React.FCC

As someone who quite liked the React.FC interface, I was slightly bummed by the decision to change it.

As a result, I introduced a new interface, which reflects the old React.FC:

declare module 'react' {
  type FCC<Props = Record<string, unknown>> = React.FC<React.PropsWithChildren<Props>>;
}

const MyComponentWithChildren: React.FCC<{
    body: string;
}> = ({ body, children }) => {
    //...
};

It can be read as React Functional Component with Children.

What about Suspense?

While Suspense is now stable, Makerkit hasn't yet adopted it, but it's very high on our list before our final version is out.

Packages Update

Nearly all the packages got a version bump:

  • Pino was updated to the recently released version 8
  • Stripe as update to version 9.6.0
  • Cypress was updated to version 10
  • Many, many minor bumps to all the packages

We're working hard towards a stable release. Stay tuned :)


Stay informed with our latest resources for building a SaaS

Subscribe to our newsletter to receive updatesor

Read more about

Cover Image for Announcing support for Multi-Factor Authentication (MFA) with Supabase

Announcing support for Multi-Factor Authentication (MFA) with Supabase

·3 min read
A sneak peek to our coming feature for Multi-Factor Authentication (MFA) with Supabase.
Cover Image for A sneak peek at the Supabase and Next.js RSC SaaS kit

A sneak peek at the Supabase and Next.js RSC SaaS kit

·9 min read
A behind the scenes look at how we built the Supabase and Next.js RSC SaaS Starter.
Cover Image for Makerkit ❤️ Radix UI

Makerkit ❤️ Radix UI

·2 min read
Makerkit migrated its UI Components to Radix UI, bringing a new look and feel to the platform.
Cover Image for Changelog: New Stripe Subscriptions Pages

Changelog: New Stripe Subscriptions Pages

·3 min read
We've redesigned the Makerkit subscriptions pages. Let's take a look at the new design.
Cover Image for Planning Makerkit's 2023

Planning Makerkit's 2023

·2 min read
A plan for the coming year at Makerkit. New kits, new blog posts, new documentation, courses, and more.
Cover Image for Introducing the Makerkit UI Storybook

Introducing the Makerkit UI Storybook

·2 min read
Announcing the Makerkit UI Storybook: a collection of all the components that make up the Makerkit kits. You can use this to see how the components work and to get inspiration for your own projects.