export default とexport const

なんか適当に使ってたけど違ってたわ

code:export-default.tsx

const Component = () => {}

export default Component;

↓読み込むとき

import Component from "@/component"

code:export-const.tsx

export const Component = () => {}

↓読み込むとき

import { Component } from "@/component"

named exportっていうらしい

code:index.ts

import Component1 from "@/component1"

import Component2 from "@/component2"

export {

Component1,

Component2,

}

↓読み込むとき

import { Component1, Component2 } from "@/component"