Cannot find module '@cloudscape-design/components/internal/components/option' or its corresponding type declarations.ts(2307)

[tomvonheill]

Anyone know how to resolve this type error? the code i'm using is below

import {OptionProps} from '@cloudscape-design/components/internal/components/option'
import { offeringErrorType } from './schemas'
export interface stepTwoInterface {
  investmentOpportunity: offeringErrorType
  setFeeTypeLabelsUsed: React.Dispatch<
    React.SetStateAction<OptionProps.OptionDefinition[] | undefined[]>
  >
  feeTypeLabelsUsed: OptionProps.OptionDefinition[] | undefined[]
}

[johannes-weber]

You're importing the OptionProps from an internal path which is not supposed for public use.
You're on the safe side when using public interfaces, internal ones may change.

I'm assuming the setFeeTypeLabelsUsed and feeTypeLabelsUsed types are related to the select component. For this case you could use the public interface from the Select component SelectProps.Options which makes the interface behind OptionDefinition public available:

import { SelectProps } from "@cloudscape-design/components/select"
import { offeringErrorType } from './schemas'
export interface stepTwoInterface {
  investmentOpportunity: offeringErrorType
  setFeeTypeLabelsUsed: React.Dispatch<
    React.SetStateAction<SelectProps.Option[] | undefined[]>
  >
  feeTypeLabelsUsed: SelectProps.Option[] | undefined[]
}