How to fix module error in NextJs-App?

Question

JavaScript

I want to import the Htag module from the Components folder to index.tsx, but on the page it says that the module was not found, although everything is correct in the IDE

Htag.tsx

import {HtagProps} from "./Htag.props";


export const Htag = ({tag, children}:HtagProps):JSX.Element => {
    return(<h1>{children}</h1>);
}

HtagProps.tsx

import {ReactNode} from "react";


export interface HtagProps {
    tag: 'h1' | 'h2' | 'h3';
    children:ReactNode;
}

Index.ts
export * from './Htag/Htag';

Index.tsx

import React from "react";
import {Htag} from "../Components";

export default function Home(): JSX.Element {
  return (
      <div>
        <Htag tag={'h1'}>Text</Htag>
      </div>
  );
}