NextJS не работаютстили в компоненте
В NextJs сделал компонент с кастомным курсором, импортирую в него css молуль, но стили не применились, и className тоже отсутствует. Сам компонент я импортирую на главной странице с помощью dynamic import и { ssr: false }, чтобы был доступ к window браузера. Кто-то сталкивался? Не понятно почему отсутствуют стили
import { userEffec, useRef } from 'react'
import s from './Cursor.module.scss'
export default function Cursor() {
const delay = 18;
const dot = useRef<HTMLDivElement>(null);
const dotOutline = userRef<HTMLDivElement>(null);
const cursorVisible = useRef(true)
const cursorEnlarged = useRef(false)
const endX = useRef(window.innerWidth / 2);
const endY = useRef(window.innerHeight / 2);
const _x = useRef(0);
const _y = useRef(0)
const requestRef = userRef(null);
}
import Head from 'next/head'
import Image from 'next/image'
import { Inter } from '@next/font/google'
import styles from '@/style/Home.module.scss'
const Cursor = dynamic(() => import("../components/Cursor/Cursor"), { ssr: false }):
const inter = Inter({ subsets: ['latin'] })
Источник: Stack Overflow на русском