diff --git a/packages/mantine/src/index.tsx b/packages/mantine/src/index.tsx
index e35f940306..2fc1bcb612 100644
--- a/packages/mantine/src/index.tsx
+++ b/packages/mantine/src/index.tsx
@@ -12,7 +12,7 @@ import {
 } from "@blocknote/react";
 import { MantineProvider } from "@mantine/core";
 import { ComponentProps, useCallback } from "react";
-import usePrefersColorScheme from "use-prefers-color-scheme";
+import { usePrefersColorScheme } from "use-prefers-color-scheme";
 
 import {
   Theme,
diff --git a/packages/react/src/editor/BlockNoteView.tsx b/packages/react/src/editor/BlockNoteView.tsx
index 73a44ebad2..215ba6fba6 100644
--- a/packages/react/src/editor/BlockNoteView.tsx
+++ b/packages/react/src/editor/BlockNoteView.tsx
@@ -15,7 +15,7 @@ import React, {
   useMemo,
   useState,
 } from "react";
-import usePrefersColorScheme from "use-prefers-color-scheme";
+import { usePrefersColorScheme } from "use-prefers-color-scheme";
 import { useEditorChange } from "../hooks/useEditorChange";
 import { useEditorSelectionChange } from "../hooks/useEditorSelectionChange";
 import { BlockNoteContext, useBlockNoteContext } from "./BlockNoteContext";